How to Implement Previews with Next Applications using a Strapi backend

This page summarizes the projects mentioned and recommended in the original post on

Our great sponsors
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • Sonar - Write Clean JavaScript Code. Always.
  • InfluxDB - Access the most powerful time series database as a service
  • starters-and-templates

    Monorepo for all official Strapi v4 templates

    The first step in this guide will be to create the backend of our blog. We will be using the strapi blog template as a starter for faster and easier development.

  • strapi-nextjs-preview-blog

    👀 Content Previews using for a blog powered by Strapi and Next.js.

    View the source code for this tutorial here.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • Tailwind CSS

    A utility-first CSS framework for rapid UI development.

    Tailwind CSS: Tailwind CSS is a utility-first CSS framework. It enables you to add CSS directly to your HTML for easier development and scaling.

  • Strapi

    🚀 Strapi is the leading open-source headless CMS. It’s 100% JavaScript, fully customizable and developer-first.

    In this guide, you will learn about the importance of previews in Jamstack. I will also walk you through the process of adding the previews mode to a blog built with Next.js and Strapi headless CMS for a better content editing experience.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts