From 0 to Production - The Modern React Tutorial (RSCs, Next.js, Shadui, Drizzle, TS and more)
4/14/2024
1
Description
The Modern React Tutorial is FINALLY done. This one took awhile.
Shoutout to ALL the awesome sponsors who made this possible:
- Vercel
- Clerk
- Posthog
- Sentry
- Upstash
NOTES I MENTION DURING VIDEO
"Nextgram": https://github.com/vercel/nextgram/tree/main/app
"useUploadThingInputProps": https://gist.github.com/t3dotgg/0464ca78e94acce80ba04ca29f800028
GITHUB REPO https://github.com/t3dotgg/t3gallery
TIMESTAMPS (TY EMBED ❤️)
Check out my Twitch, Twitter, Discord more at https://t3.gg
S/O Ph4se0n3 for the awesome edit 🙏
Chapters
Intro Sponsors
3:30
Scaffolding the project
2:42
Creating our todo list
2:27
Creating repo pushing to GitHub
1:44
Linking our repo to Vercel
1:44
Deploying to Vercel
1:25
Setting up uploadthing for images
2:08
Displaying our mock data
1:55
Next.js Layouts Explained
2:10
Scaffolding our UI
2:02
Tidying up builds enabling turbo
2:31
Setting up our Database
10:56
Dynamic Routes
2:26
Changing our database schema
5:20
Adding authentication
11:04
Setting up image uploading
10:06
Connecting users to images
5:31
server-only React Taint
7:37
The next/image Component
5:40
Error management w/ Sentry
9:09
Image page w/ Parallel Routes
32:08
Fixing the upload button
6:50
Setting up toaster w/ shadcn/ui
15:35
Adding analytics w/ PostHog
11:41
Delete button w/ Server Actions
11:31
Adding rate limits w/ Upstash
6:52
Locking down uploads
4:15
Challenges for the Viewer
1:36
Outro
0:37