Рет қаралды 66,244
Learn to create your own CMS from scratch with Next.js 13 and Strapi! In this exciting tutorial, I will guide you step-by-step through building a custom content management system using Next.js 13 as the development framework and Strapi as the backend UI. You'll learn how to optimize your Strapi API while developing your fully functional CMS. Don't miss this opportunity to master these powerful tools and take your web development skills to the next level.
▶ Don't miss more live sessions at: / midudev
Video Timestamps:
0:00 Introduction to the application we'll build
0:43 What is a CMS?
2:23 What is Strapi?
4:48 Drawbacks of Strapi
5:26 Installing Strapi in our project
7:21 Credentials for Strapi
7:51 Explaining the interface
8:51 Creating our first collection type😀
12:01 Handling images
12:40 UID
13:20 Slug
15:14 WARNING WITH STRAPI
16:55 Creating the rest of the collection types
19:17 Relationships
22:30 Adding content/information to Platform
23:40 Adding content/information to VideGame
27:06 Our Strapi API
31:17 Managing Strapi APIs
35.58 Strapi plugins
38:22 Adding Next.js 13 to our project
39:11 Time to code!
39:50 Fetching data
41:24 Displaying fetched information
42:41 Fixing the "fetch failed" issue
44:15 Adding styles
45:24 Integrating API information into the project
46:25 Displaying the API images
50:14 Mapping data (Question from midusub)
51:38 Changing Markdown to HTML
53:33 Continuing the coding
57:30 Explanation
58:10 Pagination
1:03:05 Displaying one element per page
1:05:38 Adding interactivity
1:09:11 Final result