Intro
Welcome, adventurers, to the Full Stack Sorcery: Unleash Next.js, PostgreSQL, and TailwindCSS!
Imagine spells woven by Next.js, crafting swift and dynamic web realms. Enchant data using PostgreSQL's arcane art, shaping databases with mastery. Adorn it all with TailwindCSS threads, an elegance woven with a flick.
But challenges loom. Bugs and fiends guard your path, User Experience tests your wit, and the enigmatic Shadow SQL lurks. Fear not, mentors guide, companions bolster. Forge interactivity, architect databases, invoke responsive spells.
On this odyssey, each triumph, every line coded, forges a legendary Full Stack Sorcerer. You craft digital realms to captivate and inspire. Unfurl your keyboards, conjurers, and weave your destiny. Onward, to coding wonders!
Full Stack Twitter Prototype With Next.js
Section 1: Introduction
- 05:53
- 02:30
- 01:30
Section 2: Design
- 1.Excalidraw04:27
- 2.Design Ui Mockup03:14
- 3.Design Api08:31
- 4.Design Database08:58
Section 3: Setup
- 1.Git Bash01:26
- 3.Ssh Key Github04:44
- 6.Source Code03:42
Section 4: Home Page
- 1.Home Page Fe13:09
- 2.Home Page Deploy02:11
Section 5: Database Development
- 1.Initial Migration16:15
- 3.Db Connection09:11
- 4.Load Fake Users06:58
- 5.Load Fake Posts07:12
- 6.Load Fake Follows04:38
- 7.Bcrypt07:13
- 8.Load Admin User08:20
- 10.Check In Code00:35
Section 6: Signin Page
- 1.Signin Page Intro00:34
- 2.Install Jose00:29
- 3.Login Endpoint07:37
- 6.Test With Postman07:39
- 9.Testing The Form02:19
- 11.Check In Code00:40
Section 7: Signup Page
- 1.Signup Endpoint06:45
- 3.Sign Up Page10:10
- 4.Check In Sign Up00:22
- 8.Env Example File02:01
Section 8: Authentication And Private Layout
- 1.Private Layout04:55
- 2.Jwt Verification09:44
- 3.Reset Db02:51
- 4.Auth Middleware06:51
- 6.Swr Fetcher07:03
- 7.Refactor Fetcher04:25
Section 9: Feed Page
- 1.Feed Page Intro04:59
- 3.Feed Endpoint04:02
- 5.Fix The 500 Error01:35
- 6.Check In Code01:10
- 8.Post Component08:39
Section 10: Profile Page
- 3.Get Post Endpoint05:13
- 8.Create Post Form09:26
Section 11: Following And Followers Page
- 2.Following Page Ui09:50
- 4.Followers Page Ui02:49
Section 12: Account Page
- 2.Logout Endpoint02:13
- 3.Account Page Ui06:30
Section 13: User Page
- 1.User Page Intro01:42
- 7.User Page Stub01:58
- 8.User Page Header14:59
Section 14: Search Bar
- 1.Search Bar Intro00:43
- 4.Search Bar Stub01:16
- 6.Lodash Debounce04:48
Section 15: Edit Post Page
- 2.Edit Post Page10:33
- 8.Testing Prod Site01:03
Section 16: Authorization And Cron Jobs
Section 17: Extras
- 1.Server Components06:10
Section 18: Conclusion
- 1.Conclusion00:28