Build a Next JS 13.3 App with Auto ChatGPT Content | Next 13.3, Prisma, TipTap, Typescript, Deploy

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:

Code

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.
———————————

———————————

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.

[EdRohDev]

The first 200 of you will get 20% off Brilliant’s annual premium subscription.

[prashlovessamosa]

Thank you Edroh for providing knowledge for free.

[__kenken__]

I am a young Japanese, and thanks to this tutorial, I have a clearer understanding of how to use grid and flex!
Also, the idea of a Blog app with AI to help me create articles was very enjoyable for me.
Thank you for the great tutorial!

[briananderson]

I just finished this course and can say that this was one of the best that I have done. There are a few creators for learning on YouTube and you are up there. I look forward to trying another one of your courses in the near future.

[wei]

I love how u explained the body and how you showed you can use flex box or grid. Learning some priceless information here.

[BernhardRutzen]

Best tutorial instructor ever! I love your job, man. You're so concise!

[Spinall]

I haven't finished this project yet, but I want to tell you that you are a crack. I love how you take the time to explain things. One of the best.

[chaimno]

So much respect for you man, you put so much effort and hard work for these projects and giving this knowledge for free. Thank you for that

[rishi]

Hey, your teaching style is awesome, can you please start a next js series from basic to advance, it will be really helpful.

[storyPlus]

Man You deserve a golden prize for providing this free tutorial 🎉❤

[MehediHassan-pnuc]

Thank you soo much Ed! ❤️
You always come up with most detailed and unique tuitorials

[dc]

Incredible, videos are high production quality.

[mehdichamiani]

You and your projects are awesome! Please keep up the good work ;)

[ahmedaq]

thanks a lot bro for everything you do for us... really appreciated. all respect 🌹🌹🌹🌹🌹🌹🌹

[romimaximus]

This is awesome !! and i really like the way you explain in details !!!... thankx for sharing this great content !! 😎🖖

[Coding-is-life]

For some reason Im getting exited with this, Can't wait to watch this.. Keep up the good work :)

[codingmickey]

BEST TUTORIALS!! SHIPPING HOT

Thank you for all these projects

[rajshailey]

Thank you for creating such a quality video lesson...this turned out to be a huge learning curve for me❤

[sellimenes]

Thank you for your effort! It's great content. I am waiting for a full stack e-commerce project with Next.js 13.3 including app folder structure. I hope you will consider it. 🤞

[rohitchavan]

Thanks edroh it was really informative ❤