This video is a follow up to my "How to Build Scalable Architecture for your Next.js Project" video:
• How to Build Scalable ... .
We will be building a fullstack application on top of that base we set up. If you did not follow the previous video you can either sync with the public repo and follow along, or set up your own Next.js, Typescript and Storybook project base to work from.
A written version of this tutorial is available at the following link:
dev.to/alexeagleson/how-to-bu...
The repository for this tutorial to build on top of is:
github.com/alexeagleson/nextj...
0:00 Introduction
3:39 Project Setup
5:02 Installing Tailwind
16:07 Front End Scoping
23:05 Search Component
45:54 Header & Footer Components
56:20 Primary Layout Component
1:08:37 Search Result Component
1:15:21 Results Page
1:23:16 Back End Scoping
1:27:04 Create Mock Database
1:31:12 Next API Routes
1:43:18 API Testing
1:46:03 Static vs Dynamic Pages
1:59:04 Update the Search Component
2:03:32 Tailwind Themes
2:07:39 State Persistance Between Pages
2:20:38 Summary
21 июл 2024