francisudeji / nextjs-strapi-data-fetching

How to handle data fetching with Next.js and Strapi CMS

Introduction to Data Fetching With Next.js and Strapi CMS

Technologies:

• Next.js
• Strapi CMS
• Tailwind CSS

Getting Started

Backend

• cd into the backend folder and install all dependencies

npm install
# or
yarn install

Open http://localhost:1337/admin with your browser to login(Username and password are both francisudeji).

Frontend

First, create a .env.development file at the root of the frontend folder with the link to your strapi API or rename the .env.example to .env.development

Secondly, install all dependencies:

npm install
# or
yarn install

Lastly, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.