Full Stack Next.js And Strapi

• Course
• Certificate

Section 1: Introduction

• 1. Demo

  03:21
• 2. Introduction

  07:12
• 3.

  Resources

Section 2: Setup Nextjs

• 1. Initialize And Clean Up

  01:58
• 2. Static Home Page

  10:07

Section 3: Initialize Strapi

• 1. Initialize Strapi

  02:10
• 2. Quick Tour Of Strapi Code

  02:04
• 3. Connect To Database With Sqltools

  01:55
• 4. Single Type

  02:05
• 5. Test Api

  04:03
• 6. Build Dynamic Home Page

  05:40

Section 4: Strapi Collection Type

• 1.

  Create The Content Type

  02:15
• 2.

  Generate Data

  05:52
• 3.

  Upload Images

  01:27
• 4.

  Associate Images To Content

  08:39

Section 5: Ui List View

• 1.

  Route Group And Layout

  02:38
• 2.

  Render List

  05:42
• 3.

  Populate Image

  03:09
• 4.

  Style The List

  02:38
• 5.

  Pagination

  16:17
• 6.

  Filter By Attribute

  10:25

Section 6: Relations

• 1.

  Create A Related Content Type

  05:25
• 2.

  Render Related Content Type

  04:04
• 3.

  Filter By Related Content Type

  10:11

Section 7: Contact Form

• 1.

  Create The Server Action

  09:18
• 2.

  Create The Contact Form

  09:35

Section 8: Sorting

• 1.

  Sort By Attribute

  07:28

Section 9: Detail Page

• 1.

  Detail Page

  04:02
• 2.

  Radar Chart

  04:53

Section 10: Deployment

• 1.

  Deployment Intro

  00:35
• 2.

  Deploy Strapi To Heroku

  06:06
• 3.

  Cloudinary

  04:05
• 4.

  Data Transfer

  05:40
• 5.

  Deploy Next To Vercel

  13:48
• 6.

  Caching

  03:43
• 7.

  Test The Contact Form

  00:27

Section 11: Extra

• 1.

  Recap

  00:40
• 2.

  Extra Topics

  00:35
• 3.

  Request Memoization

  01:01
• 4.

  Data Cache

  00:42
• 5.

  Revalidation

  01:04
• 6.

  Full Route Cache

  01:12
• 7.

  Router Cache

  01:13
• 8.

  Image

  01:09
• 9.

  Link Prefetching

  01:19
• 10.

  Nextjs Tips

  02:21
• 11.

  Strapi Tips

  02:47