Content Previews with Strapi and Next.js

This repository serves as a code container for the tutorial I wrote on Strapi's Blog.

Features

• Ready to use Strapi Blog Template
• Next.js for Blog Frontend
• Next.js Preview Mode API
• Custom Strapi Content Manager with in-built Preview button

Prerequisites

These things are required before setting up the project.

• Git
• Ubuntu 18.04 or 20.04
• Node.js Read Guide

Getting Started

Follow these instructions to get the project up and running.

# clone the repo
$ git clone https://github.com/ravgeetdhillon/strapi-nextjs-previews.git

# change directory
$ cd strapi-nextjs-previews

For Strapi

# navigate to backend directory that holds strapi code
$ cd backend

# install dependencies
$ npm install

# served at http://localhost:1337
$ npm run develop

For Next.js

# navigate to frontend directory that holds next.js code
$ cd frontend

# install dependencies
$ npm install

# served at http://localhost:3000
$ npm run dev

For detailed instructions, read the blog.

Tech Stack

• Next - Frontend
• Strapi - Backend and CMS

Authors

• Ravgeet Dhillon

Extra

• You are welcome to make issues and feature requests.
• In case you get stuck at somewhere, feel free to contact at Mail.