To check the draft mode click here Preview

Build a Next.js Blog with Strapi and use preview and image component !

how to build a Next.js blog that leverages Next previews and optimized images with content from Strapi.

Strapi and Next.js are the best headless CMS and application development environments available on the market today! They are two powerful technologies that work in tandem to give you the best digital experience possible. Strapi is a flexible, open-source Headless CMS that allows developers to use their favorite tools and frameworks while also giving editors power over their content. Next.js is a developer's dream come true with all the features needed for production: hybrid static & server rendering, TypeScript support, smart bundling, assets optimization, and more! In this tutorial, we'll build a blog app using Strapi as the CMS and Next.js as the framework. We will also be using two of its cool features, image optimization, and preview mode. Before getting started, let's talk about 2 features of Next.js that we are going to use in our blog application, Preview and Image component.

Sign up for our newsletter

Sign up for our newsletter and get the latest articles delivered straight to your inbox.

We care about the protection of your data. Read our Privacy Policy.