Building a Summer Camp Website with Strapi 5 and Next.js 15

Building a Summer Camp Website with Strapi 5 and Next.js 15

freeCodeCamp.org via freeCodeCamp Direct link

⌨️ 5:59:34 Dynamic Routing

25 of 27

25 of 27

⌨️ 5:59:34 Dynamic Routing

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Building a Summer Camp Website with Strapi 5 and Next.js 15

Automatically move to the next video in the Classroom when playback concludes

  1. 1 ⌨️ 0:00:00 Course introduction and project overview
  2. 2 ⌨️ 0:11:37 How to follow this course and local project setup
  3. 3 ⌨️ 0:15:59 Getting started with Next.js 15 and Strapi 5
  4. 4 ⌨️ 0:22:26 Section 1- Building the home page
  5. 5 ⌨️ 1:29:20 Section 2 - Building the experience page
  6. 6 ⌨️ 1:41:16 Section 3 - Building top navigation
  7. 7 ⌨️ 1:54:21 Section 4 - Building out the footer
  8. 8 ⌨️ 2:04:02 Section 5 - Building the blog page
  9. 9 ⌨️ 2:17:08 Section 6 - Form submission with server action
  10. 10 ⌨️ 2:41:23 Section 6.5 - How to structure our blog data in Strapi
  11. 11 ⌨️ 2:58:07 Section 7 - Custom data loading content list component
  12. 12 ⌨️ 3:14:41 Section 8 - Implementing search and pagination in Next.js
  13. 13 ⌨️ 3:45:48 Section 9 - Building a single blog detail page
  14. 14 ⌨️ 4:12:17 Section 10 Building the events page and form
  15. 15 ⌨️ 4:55:25 Conclusion
  16. 16 ⌨️ 4:57:03 Where to next?
  17. 17 ⌨️ 4:58:18 Interview with Niklas on styling and Figma Design
  18. 18 ⌨️ 5:22:06 Why use Next.js
  19. 19 ⌨️ 5:28:22 Setting up Next.js
  20. 20 ⌨️ 5:32:12 Routing
  21. 21 ⌨️ 5:36:20 Layout Page
  22. 22 ⌨️ 5:41:32 Links and Navigation
  23. 23 ⌨️ 5:44:30 Server and Client Components
  24. 24 ⌨️ 5:52:25 Data fetching
  25. 25 ⌨️ 5:59:34 Dynamic Routing
  26. 26 ⌨️ 6:11:44 Not Found Page
  27. 27 ⌨️ 6:16:26 Figma for developers

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.