Next.js is a React framework for building hybrid applications. It&#39;s flexible, extensible, and works great with any data provider. In this tutorial, part two of a two-part series, we&#39;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 <a href="https://www.cosmicjs.com/articles/getting-started-with-cosmic-cms-and-nextjs">here</a>). We&#39;ll run our blog locally, talk through static-site generation, and publish updates to our site. Next, we&#39;ll discuss preview mode and how to draft posts <a href="/knowledge-base/nextjs-cms">Cosmic CMS.</a> Finally, we&#39;ll walk through fallback loading states and publish our draft post to production.&nbsp;<iframe src="//www.youtube.com/embed/sdvdwo3g3PE?wmode=opaque" frameborder="0" allowfullscreen="" style="width: 100%; height: 360px;"></iframe>

Building a Blog with Cosmic CMS and Next.js

<a href="https://nextjs.org/" rel="noopener noreferrer" target="_blank">Next.js</a> is a React framework for building hybrid applications. It&#39;s flexible, extensible, and works great with any data provider. In this tutorial, we&#39;ll show how to get started with <a href="/knowledge-base/nextjs-cms">Cosmic CMS and Next.js.</a> We&#39;ll set up a Cosmic account, explore the dashboard, talk about the data models, and finally deploy to <a href="https://vercel.com/" rel="noopener noreferrer" target="_blank">Vercel</a>. In the second part of the tutorial, we&#39;ll explain the Next.js code and walkthrough the content management workflow with Cosmic.<iframe src="//www.youtube.com/embed/NZA1dF2IDqQ?wmode=opaque" frameborder="0" allowfullscreen="" style="width: 100%; height: 360px;"></iframe>

Blogs by Lee Robinson

Start building today

Blogs by Lee Robinson

.css-9vqfqm{display:inline-block;white-space:pre;}.css-sanqhm{opacity:0;}Start building today

Start building today