1
Creating a New Strapi Project for Development with npx
49s
2
Create a Collection Type for a Post in Strapi
2m 3s
3
Set up API End User Permissions to Make REST Queries in Strapi
1m 3s
4
Install and Query GraphQL API in Strapi
1m 15s
5
Scaffold a Web App with a Next.js 13 Template
2m 5s
6
Create an About Us Page inside the Next.js 13 App Directory
1m 19s
7
Query an Entry from Strapi with Next.js 13 Server Components
2m 48s
8
Create and Edit a List Component to Match Design Guidelines in Next.js 13
4m 11s
9
Set up Dynamic Pages in Next.js 13 App Directory and Query with Page Slug
4m 8s
10
Build a Page Template for a Dynamic Page in Next.js 13
2m 49s
11
Handle Runtime Errors in Next.js 13 Nested Routes
3m 17s
12
Using React Markdown in Next.js
1m 20s
13
Add Pagination with the Meta Object Returned from Strapi in Next.js 13
4m 46s
14
Install and Add the Cloudinary Provider to a Strapi Application
1m 56s
15
Deploy a Strapi Application to Heroku
3m 3s
16
Transfer Data Between Environments with Strapi Data Transfer
1m 43s
17
Deploy a Next.js 13 Application to Vercel
1m 53s
18
Upgrade a Strapi App in Development and Production
1m 48s
19
Invite a New User to Your Strapi App
1m 16s
20
Install and Use a Strapi Plugin
1m 57s

Scaffold a Web App with a Next.js 13 Template

Next.js

Share this video with your friends

We will start our website development by creating a new modern CMS client app with a Next.js 13 template that comes with pre-made components and uses Tailwind CSS to style it.

You'll notice as you dig through the files in this template that next.config.js has an experimental appDir flag set to true. This will allow us to use the new features that ship with Next 13.

Course

Modern CMS Driven Web Applications with Strapi and Next 13

Victor

~ 10 months ago

Hi! quick question: are there plans to update the template being used to 13.4.x? The template shown in the video is still using "next": "13.3.1". Another thing: what´s your opinion on the use of the src directory in next? Is that important at all? Thanks!