Full-Stack Blog App Tutorial | Next.js and Prisma
Рет қаралды 12,365
Күн бұрынLet's dive into creating a blog app with Next.js where we'll explore a variety of concepts. For authentication, we'll implement Google login using NextAuth and store user data in a PostgreSQL database. Additionally, we'll leverage Prisma for efficient database querying. I hope this video proves helpful to you all!
Complete Sign-Up and Sign-In with Next.js
• Build a Complete Sign-...
👨💻Code:
[Final Code] github.com/candraKriswinarto/...
🔗Source:
[next js] nextjs.org/docs/getting-start...
[next-auth] next-auth.js.org/getting-star...
[prisma] www.prisma.io/docs/getting-st...
[export prisma client] www.prisma.io/docs/guides/oth...
👉Timestamps:
0:00 - Intro
01:52 - Install Next.js
03:00 - Navbar Component
06:30 - FormPost component
17:11 - Blogs page Component
21:22 - BlogDetail page Component
32:07 - Install and use NextAuth.js
43:38 - Create new post
1:01:58 - Api integration Blogs page
1:04:22 - Api integration Blog detail page
1:07:10 - Api integration Comment
👋🏻My portfolio website
mynameischand.tech
#programming
@hardwired89 6 ай бұрын
Love ur fullstack content ❤
@CastiMta 8 ай бұрын
Thanks for video! This video very useful and helped me
@tsykin 4 ай бұрын
Thank you so much for covering Next.js + Prisma + Auth.js stack! I would really like to see more vids covering this stack 👍 Although I got stuck on 52:09 and when making POST request to /api/posts I am getting an error "EPERM: operation not permitted". I am planning to first complete some other tutorials that you have, maybe I will fix this error myself
@atharva_A 4 ай бұрын
Thank you, your video literally saved my project, The Route.TS FOR BACKEND IN YOUR VIDEO WORKED LIKE A CHARM TO POST THE DATA.
@ranaimranahmed2532 8 ай бұрын
Please a video to add with mysql
@Esteban-x- 6 ай бұрын
i cant find the shortcut to search module from a variable like u did for prisma to import it. Can u tell me how dat work ? Thank you for the content btw.
@JRichens 7 ай бұрын
Thank you. What method would you use to ensure the blogs do not go stale by fetching fresh blogs if added from another person and you are idle on the blog screen. So essentially "real-time" showing new blogs that appear?
@CandDev 7 ай бұрын
I will be using data revalidation in Next.js.
@jrryder2189 5 ай бұрын
What do I do if when I go to sign in(api/auth/sign) and it gets redirected to "localhost:3000/login" instead of going to localhost:3000 like yours does? Help please
@galihdc968 7 ай бұрын
bang untuk google client id dan secret key nya itu harus buat akun google developer ya?
@CandDev 7 ай бұрын
gak kok, bisa pakai akun google biasa.
@galihdc968 7 ай бұрын
@@CandDev ok bg makasih
@aguud 8 ай бұрын
mantap bahasa inggrisnya bang
@CandDev 8 ай бұрын
masih kaku bang
@mochacinoo 5 ай бұрын
orang indo juga ternyata, GG bg tutor + b inggris ny, makasih@@CandDev
@user-jf6jg5sx9k 7 ай бұрын
Where do I get the google id and secret?
@CandDev 7 ай бұрын
You can watch my other videos at 2.33: kzfaq.info/get/bejne/irJ1ddWcprPdhGQ.htmlsi=tpbyifQ3-PoXrKFw
@kisnaknugroho1801 7 ай бұрын
not found video bang@@CandDev
@CandDev 7 ай бұрын
@@kisnaknugroho1801 udah dihapus youtube bang, dan gak ada backupnya. Gak tau lah alasannya apa. Sedih bett.
@kisnaknugroho1801 7 ай бұрын
@@CandDev oalah pantesan udh aman bang yg gw tanyain👍
@Esteban-x- 6 ай бұрын
i mean u are dev u need to find by yourself. I found by asking to gpt 4 personally 😄
@afebriansyah805 17 күн бұрын
indonesian?
@nasarullahkhan3379 8 ай бұрын
Why are you repeating same videos. Please change the topic.
Cand Dev
Рет қаралды 73 М.
Coding in Flow
Рет қаралды 59 М.
超人夫妇
Рет қаралды 45 МЛН
Jan Marshal
Рет қаралды 65 М.
Francesco Ciulla
Рет қаралды 17 М.
JavaScript Mastery
Рет қаралды 1,5 МЛН
Web Dev Cody
Рет қаралды 142 М.
Sonny Sangha
Рет қаралды 153 М.
Antonio
Рет қаралды 3,9 М.
developedbyed
Рет қаралды 110 М.
Daily Web Coding
Рет қаралды 46 М.
Typecase
Рет қаралды 811 М.
Syncswift
Рет қаралды 2,1 МЛН
Tokparty
Рет қаралды 1,6 МЛН