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

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.