The new Cosmic dashboard is here!
Test drive it now →

Building a Blog with Cosmic CMS and Next.js

Community Articles
Community Articles 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. 


You may also like


Creating a static React App without worrying about language boundaries
I’m going to demonstrate how to get started integrating your Cosmic-powered content with your favorite third-party applications using Zapier.
In this tutorial I’ll demonstrate how to build an Authentication app using Angular 6 and Cosmic. Starting from scratch, learn how to build, configure and deploy this Angular6 Auth app to the Cosmic App Server for testing purposes.
Cosmic 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.
In this tutorial I'm going to demonstrate how to build a photography portfolio website using React, Styled-Components and Cosmic. Let's get started.
Cosmic allows you to easily create nested structures and upload media files. We learn how nested structures are built and how you can fetch such data from Cosmic API to use in a simple music site app.

Get started with Cosmic

Personal projects are free. Scale up as you grow.
Start building Talk to sales