Build a Next JS 13.3 App with Auto ChatGPT Content | Next 13.3, Prisma, TipTap, Typescript, Deploy
To try everything Brilliant has to offer—free—for a full 30 days, visit
The first 200 of you will get 20% off Brilliant’s annual premium subscription.
Build a Complete Fullstack Next JS 13.3 App that will Automatically generate Blog Post Content with ChatGPT. We will use the latest Next JS 13.3 with the app directory, and then Prisma as our ORM, TipTap for our text editing, Typescript for our language, and we will be deploying all of this for free on Vercel.
Links:
nextjs installation:
nextjs app roadmap:
nextjs new metadata:
nextjs revalidation:
nextjs revalidation not working:
nextjs config segments: #revalidate
nextjs font optimization:
nextjs limitations:
nextjs route nav:
planetscale:
planetscale cli: #installation
planetscale certs:
prisma/planetscale cert github:
prisma schema docs:
prisma seeding:
tiptap:
tiptap installation:
openai:
openai-node:
openai-gpt4-signup:
Code
completed code:
tailwind config:
assets:
Chapters:
0:00 Build a Full NextJS 13.3 Application Full Stack
4:13 Basic Installations
5:35 Next JS Installations
12:05 Tailwind Installation
23:01 Next JS File Folder Architecture
32:36 Navbar
57:05 Footer
1:04:45 CSS grid and flex Home Page Layout
2:07:30 Prisma Installation and Setup
2:26:55 Server Components
2:48:25 Next JS Images
3:14:15 Dynamic Routes Individual Post Page
3:45:30 Rich Text Editor Tip Tap
4:37:14 ChatGPT Openai Content Generator
5:05:30 Deployment on Vercel
This video was sponsored by Brilliant.
———————————
Subscribe to my channel:
———————————
Who is EdRoh? I’m a lead engineer for a publicly traded company and have been developing for a decade now.
I’m here to provide you in-depth tutorials by simplifying difficult concepts and more importantly, getting your hands dirty by building production level projects with ease to impress your future/current employer or clients.
1 view
76
20
6 months ago 00:16:03 1
Glitter Bomb 2.0 vs Porch Pirates
6 months ago 00:09:23 1
Going In REVERSE At The Farm?! Dragging Fender On The NEW Ride!
6 months ago 00:17:22 1
Risque but stunning bikinis by Black Tape Project | FashionTV | FTV
6 months ago 00:09:51 1
10 Mirrors in One Day - The Best Farm/Juice to Ever Exist in PoE -
6 months ago 00:25:56 1
#ReactOS autonomous automated build in #ULFS #CoolRetroTerm demo.
6 months ago 00:04:16 1
Selena Gomez - I’m Sorry We Lied (ft. ZAYN)
6 months ago 00:03:53 1
La Bamba (Los Lobos) feat. Andrés Calamaro | Playing For Change | Song Around The World
6 months ago 00:06:56 1
I WILL STAND AND FIGHT FOR ALL WHO CAN’T | New Earth Project
6 months ago 00:02:00 1
Create Mod / Interactive | HIGH SECURITY TRAIN
6 months ago 01:03:54 1
EMBRACE YOUR INNER-CHILD! | 60-MINUTE SPECIAL #14 | CIRQUE DU SOLEIL | OVO, BAZZAR, ALEGRIA
6 months ago 00:01:40 1
Scan to BIM: Modeling from a 3D laser scan on buildings or facilities
6 months ago 00:03:04 1
Kingdom of the Planet of the Apes | Exclusive IMAX® Trailer
6 months ago 00:00:59 1
From Pipes to Boat: Plastic Pipes and Foam Turned Nautical! 🌊🚣 #Shorts
6 months ago 00:07:14 1
Led Zeppelin - No Quarter with Lord of the Rings scenes
6 months ago 00:20:43 1
“Тазриа 4 день“ Тора на каждый день с р Давидом Мануйловым
6 months ago 00:14:32 1
Making Wood chipper mechanism [PLANS]
6 months ago 01:59:56 1
Construction of a Mountain-Side Getaway Home
6 months ago 00:00:00 1
🔴 LIVE Прославление | Церковь Божия Music
6 months ago 00:01:25 1
Final Factory Launch Trailer
6 months ago 00:27:31 1
Man Builds Hyperrealistic RC All-Terrain Vehicle Worth $2000 | Capo CD 1582X Queen by @RCPlayGround
6 months ago 00:08:37 1
Laser Scanning for As-Built Drawings
6 months ago 00:15:35 1
Дори - билд гайд | Артефакты, оружие и советы | Genshin Impact
6 months ago 00:03:49 1
Alphaville - Big In Japan (Flashlights, )
6 months ago 00:07:24 1
2023 Harley Davidson Nightrod VRSCDX by DD Designs (Walk Around)