Community Articles Building a Blog with Cosmic CMS and Next.js

Building a Blog with Cosmic CMS and Next.js

Next.js is a React framework for building hybrid applications. It's flexible, extensible, and works great with any data provider. In this tutorial, part two of a two-part series, we'll show you how to build a blog with Cosmic CMS and Next.js (you can watch part one, Getting Started with Cosmic CMS and Next.js here).

We'll run our blog locally, talk through static-site generation, and publish updates to our site. Next, we'll discuss preview mode and how to draft posts Cosmic CMS. Finally, we'll walk through fallback loading states and publish our draft post to production. 


Was this article helpful?

Thank you! Your input helps us improve our articles and resources. If you have any other questions or comments, please contact support.

You may also like


Tony Spiro, co-founder and CEO of Cosmic JS, presented "Building for Team Success with Content-Powered Apps" to illustrate the build vs. buy concept of software development in the API-first microservices movement. The full video is embedded below and runs approximately 45 minutes.
Cosmic JS makes it easy to manage content for your Bootstrap applications. In this blog we'll quickstart a Bootstrap Landing Page using the Cosmic CLI. This single page website landing page is built using Node.js and a minimal theme from Start Bootstrap.
Our digital world is being built on top of API services. And Webhooks are the operators that enable these API services to communicate with each other.
In this tutorial, I'm going to show you how to create a minimalistic but awesome single page app blog using Vue, Vuex, Vuetify, Cosmic JS and deploy it to Netlify.
Metadata is extremely important for SEO as it speaks to search engines directly from each page crawled, to communicate important information or request a specific action from the search engine. Cosmic JS provides an easy modal to manage media metadata.
Cosmic JS makes it easy to deploy your websites and applications to the web. You can deploy an app from any git repository to the Cosmic App Server from any Bucket. Cosmic JS uses Dokku (Docker + Heroku-like deployment) to deploy your app from any GitHub, BitBucket or any other public repo.

Ready to Get Started?

No payment info required.
Start Now   Contact Sales