Тёмный

Build A Full Stack Blog App: Next.js 13.4, React, Tailwind, Prisma, MongoDB (2023) 

Indian Coders
Подписаться 16 тыс.
Просмотров 27 тыс.
50% 1

Опубликовано:

 

5 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 79   
@patite3103
@patite3103 Год назад
It would be great to continue on this code with the introduction of params, auth , multiple collections and server actions. Thank you!
@adhdmed
@adhdmed Год назад
Nice tutorial, can you please make a part 2 about how to DEPLOY this app to the web.
@IndianCoders
@IndianCoders Год назад
Sure
@thoropyt9955
@thoropyt9955 8 месяцев назад
You got a new Subscriber :)
@alihadimedlej2680
@alihadimedlej2680 Год назад
well done! thanks for this nice tutorial!
@vikaskushwah165
@vikaskushwah165 Месяц назад
well explain tutorial
@speedster784
@speedster784 Год назад
@00:30 why not just use the params props that is available through the API routes for when you pass dynamic data to the backend instead of using split on URL. const {id} = params could have work
@IndianCoders
@IndianCoders Год назад
Yeah that's also a good option. Thanks for the valuable comment 👍
@gokulnaathb2627
@gokulnaathb2627 8 месяцев назад
Gained knowledge, thank you, Sir
@A03L
@A03L 8 месяцев назад
Your Video Tutorial is Amazing!
@dnyandeo33
@dnyandeo33 Год назад
Satisfying tutorial well explained every task and new technics.
@judeen_official
@judeen_official Год назад
Thanks alot for this, my first time trying prisma👍👍👍
@codetech1165
@codetech1165 Год назад
this is such an amazing video for understanding next 13 full stack in general.. amazing stuff man
@IndianCoders
@IndianCoders Год назад
Glad you liked it. You can share it with your friends/story as well 🙂
@Nanashi-rq7lk
@Nanashi-rq7lk Год назад
Thanks. Your course is perfect
@Temp-tm9wd
@Temp-tm9wd Год назад
new user test
@Temp-tm9wd
@Temp-tm9wd Год назад
hello world
@Temp-tm9wd
@Temp-tm9wd Год назад
jd#
@jhonprada
@jhonprada Год назад
awesome tutorial thank you!
@aburaihan-py4vi
@aburaihan-py4vi 9 месяцев назад
Excellent!!!!!
@mikhacavin
@mikhacavin Год назад
congratulation bro! you just got new subscriber 🎊🎊 keep it up 🔥
@IndianCoders
@IndianCoders Год назад
Thank you brother.
@nileshnilu7902
@nileshnilu7902 Год назад
Great learning❤
@milanmithal
@milanmithal Год назад
Can you explain moreabout Prisma Client file also please push code into Git. Awsome tutorial.
@yashishrani8372
@yashishrani8372 Год назад
Thank you guruji 🤲
@prajyot2021
@prajyot2021 3 месяца назад
Thanks for the content man! One question: What if we want to map all blogs as soon as user adds new blog and without the need of refreshing the page manually? Any Suggestion would be appreciated!
@IndianCoders
@IndianCoders 2 месяца назад
2 common approaches, 1. Side effect using use effect, 2. another could be when user successfully added the blog, don’t refresh and don’t perform db operation, just append to that array in UI. Let me know if this works
@avi_5827
@avi_5827 Год назад
Bro, you just got another subscriber !!
@IndianCoders
@IndianCoders Год назад
Thanks brother
@4threich166
@4threich166 Год назад
How to add text editor and upload image in my blog like goolge's blogger website? Plz make a video about it
@joshuashunk2814
@joshuashunk2814 5 месяцев назад
When I try to build the app for a test deployment I get the error: Type error: Route "app/api/blog/route.ts" does not match the required types of a Next.js Route. "main" is not a valid Route export field. How can I fix this?
@ROWDYMARRI-e4p
@ROWDYMARRI-e4p 3 месяца назад
Did you resolve it??
@luqmanusman70
@luqmanusman70 Год назад
Hi, source code not available on your given link, kindly upload, thanks.
@IndianCoders
@IndianCoders Год назад
Added
@michaeltrembovler8301
@michaeltrembovler8301 11 месяцев назад
😊
@patite3103
@patite3103 Год назад
Could you explain how you get the emojis @48.53? Should I install the react package "react-input-emoji"? thank you
@patite3103
@patite3103 Год назад
Is toaster library necessary when using Next.js server actions?
@Deus-lo-Vuilt
@Deus-lo-Vuilt Год назад
thanks
@IndianCoders
@IndianCoders Год назад
You're welcome!
@4threich166
@4threich166 Год назад
How to add text editor and upload image in my blog like goolge's blogger website? Plz make a video about it🎉
@IndianCoders
@IndianCoders Год назад
Shhhhhh! Next one 🤓
@4threich166
@4threich166 Год назад
@@IndianCoders thanka vrata
@jayantgupta5310
@jayantgupta5310 Год назад
Bro always show preview of final project.
@IndianCoders
@IndianCoders Год назад
I always show brother 😁
@williamcao5139
@williamcao5139 Год назад
I bought your course on udemy, Please respond the questions from your students, don't ignore it
@IndianCoders
@IndianCoders Год назад
Is there any issue?
@williamcao5139
@williamcao5139 Год назад
@@IndianCoders please attach source code in course
@SurajKs-w7x
@SurajKs-w7x Год назад
hey, thank you very much for the tutorial.😃😃 But while I am posting it is showing "500 internal server error"
@IndianCoders
@IndianCoders Год назад
Make sure you are connected to db and you are have right parameters in request
@nitinbansal9961
@nitinbansal9961 Год назад
How to refresh the home page "/" automatically after navigating back from Create/Update blog pages, instead of waiting for 10 seconds and refreshing it manually. ?
@IndianCoders
@IndianCoders Год назад
useRouter hook
@andresdrimer
@andresdrimer Год назад
how exactly? useRouter is used on blog/add/page and on blog/add/edit/[id] as router.push("/"), so it goes to "/" , but it still doesn´t refresh db unless you press F5.
@IndianCoders
@IndianCoders Год назад
@@andresdrimer yes you need to refresh after revalidate seconds to make this gets reflected. Check out my latest video of 8 mins where I have explained it in deep. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-T3dSQJnAJ9M.html
@andresdrimer
@andresdrimer Год назад
@@IndianCoders i saw that new tutorial and now it´s crystal clear!! thank you!! this is a trully valuable learning matherial. It would be great for the future if you could make something similar including Auth with roles and conecction between different tables on MongoDb. Amazing tutorial, awesome work!!
@andresdrimer
@andresdrimer Год назад
hello again! i´m having a lot of troubles deploying to Vercel, it throws a TypeError when generating static pages, i´ve tried a lot of different posibilities including //@ts-nocheck but it´s still stuck there. Maybe an update on deploy this would be really helpfull! :) (it also throwed another type error on /prisma/index , but it worked out with ts-nocheck).Thanks again for your great knowledge and inspiration.
@igorstadnik707
@igorstadnik707 Год назад
Hello from Ukraine. Thank you very much for your video. It's a pity that you didn't add categories for the blog. Other than that, it turned out really great :)
@IndianCoders
@IndianCoders Год назад
Thank you so much. I'm planning to do another with auth and multiple collections
@chuksvalentine3735
@chuksvalentine3735 Год назад
Can i follow this tutorial using JavaScript?
@IndianCoders
@IndianCoders Год назад
yes just use jsx instead of tsx and don't declare types
@nitinbansal9961
@nitinbansal9961 Год назад
Could you please push the code to Git Repository, thanks
@IndianCoders
@IndianCoders Год назад
Updated
@NMNMJ
@NMNMJ Год назад
Make a video with mongoose
@HimanshuChanda
@HimanshuChanda Год назад
Loni just has read me file No source code 😢
@IndianCoders
@IndianCoders Год назад
Updated
@CodeSchoolForGeeks
@CodeSchoolForGeeks Год назад
Where is auth?
@IndianCoders
@IndianCoders Год назад
In the next one 😙
@itsyourboyt4683
@itsyourboyt4683 Год назад
Hey I just checked the repo link and it does not have the files. Going to watch the video now tho
@IndianCoders
@IndianCoders Год назад
Ohh right. Will push it in a moment
@jehanzebsiddiqui4631
@jehanzebsiddiqui4631 Год назад
Can a person with zero knowledge of prisma can still continue?
@IndianCoders
@IndianCoders Год назад
Yes I've explained everything
@chuksvalentine3735
@chuksvalentine3735 Год назад
Good tutorial but i would have preferred you use JavaScript rather than Typescript
@IndianCoders
@IndianCoders Год назад
Will use the javascript in next project 👍
@brancode404
@brancode404 Год назад
@@IndianCoders Please dont TS is best practice and much more preferred and modern
@A03L
@A03L 8 месяцев назад
@@brancode404 js is better for beginners like us, because learning nextjs and typescirpt and nextauth and tailwind and prisma all at once is overwhelming xD
@waayo-arag-media
@waayo-arag-media Год назад
Hellow, i am getting this error when i try to send POST request : - error TypeError: Cannot read properties of undefined (reading 'headers') at eval (webpack-internal:///(rsc)/./node_modules/next/dist/server/future/route-modules/app-route/module.js:265:61), so please help me find the solution
@mikhacavin
@mikhacavin Год назад
const postBlog = async ({ title, description }:{ title: string; description: String; })=>{ const res = fetch("localhost:3000/api/blog",{ method: "POST", body: JSON.stringify({title, description}), //@ts-ignore "Content-Type": "application/json", }); return (await res).json(); } maybe it help
@diegoalexisaguirre451
@diegoalexisaguirre451 Год назад
this is my error at least to try get if someone help me please ( TypeError: fetch failed at Object.fetch (node:internal/deps/undici/undici:11457:11) at async invokeRequest (C:\Users\54362\Desktop\full-stack ode_modules ext\dist\server\lib\server-ipc\invoke-request.js:17:12) at ) :(
Далее
HA-HA-HA-HA 👫 #countryhumans
00:15
Просмотров 5 млн
Песня РАСПУТИН на русском!🔥
00:56
React Hook Form & React 19 Form Actions, The Right Way
16:08
Next.js 13 Crash Course - Prisma, MongoDB, CRUD, REST API
1:21:19