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.



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

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

Strapi is a flexible, open-source Headless CMS that gives developers the freedom to choose their favorite tools and frameworks while also allowing editors to easily manage and distribute their content. By making the admin panel and API extensible through a plugin system, Strapi enables the world's largest companies to accelerate content delivery while building beautiful digital experiences.

In October 2015, for the first release of Strapi, we described us as a Node.js framework. Nowadays, we define ourselves as an ecosystem that helps to build API during over her whole life cycle.

We mainly target developers seeking to quickly and easily build an API. Whatever your level, we want Strapi to be easy-to-setup and easy-to-use. For that, we are constantly striving to improve the user experience.

Specifically, Strapi is composed of a dashboard from which you create, put online and manage an API. In certain cases, without writing any single line of code. For the more experts, Strapi is based on a top of an MVC Node.js framework that lets you custom your API and add a new feature. Easy peasy!
Strapi has been designed to build scalable moderns apps using a service-oriented architecture. Strapi will fit with any web project that requires an API. However, with this new version, we started a new challenge:

Strapi simplifies the API generation, gives you the ability to allow or prevent access to your API. Strapi has built-in the Auth system, comes with awesome plugins you can connect to

From the blog

Sign up for our newsletter