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

[@thoropyt9955]

You got a new Subscriber :)

[@patite3103]

It would be great to continue on this code with the introduction of params, auth , multiple collections and server actions. Thank you!

[@alihadimedlej2680]

well done! thanks for this nice tutorial!

[@adhdmed]

Nice tutorial, can you please make a part 2 about how to DEPLOY this app to the web.

[@IndianCoders]

Sure

[@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]

Yeah that's also a good option. Thanks for the valuable comment 👍

[@A03L]

Your Video Tutorial is Amazing!

[@vikaskushwah165]

well explain tutorial

[@dnyandeo33]

Satisfying tutorial well explained every task and new technics.

[@aburaihan-py4vi]

Excellent!!!!!

[@Nanashi-rq7lk]

Thanks. Your course is perfect

[@Temp-tm9wd]

new user test

[@Temp-tm9wd]

hello world

[@Temp-tm9wd]

jd#

[@gokulnaathb2627]

Gained knowledge, thank you, Sir

[@jhonprada]

awesome tutorial thank you!

[@codetech1165]

this is such an amazing video for understanding next 13 full stack in general.. amazing stuff man

[@IndianCoders]

Glad you liked it. You can share it with your friends/story as well 🙂

[@judeen_official]

Thanks alot for this, my first time trying prisma👍👍👍

[@mikhacavin]

congratulation bro! you just got new subscriber 🎊🎊 keep it up 🔥

[@IndianCoders]

Thank you brother.

[@nileshnilu7902]

Great learning❤

[@avi_5827]

Bro, you just got another subscriber !!

[@IndianCoders]

Thanks brother

[@joshuashunk2814]

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]

Did you resolve it??

[@prajyot2021]

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]

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

[@yashishrani8372]

Thank you guruji 🤲

[@milanmithal]

Can you explain moreabout Prisma Client file also please push code into Git. Awsome tutorial.

[@patite3103]

Could you explain how you get the emojis @48.53? Should I install the react package "react-input-emoji"? thank you

[@4threich166]

How to add text editor and upload image in my blog like goolge's blogger website? Plz make a video about it

[@luqmanusman70]

Hi, source code not available on your given link, kindly upload, thanks.

[@IndianCoders]

Added

[@michaeltrembovler8301]

😊

[@Deus-lo-Vuilt]

thanks

[@IndianCoders]

You're welcome!

[@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]

Thank you so much. I'm planning to do another with auth and multiple collections

[@patite3103]

Is toaster library necessary when using Next.js server actions?

[@williamcao5139]

I bought your course on udemy, Please respond the questions from your students, don't ignore it

[@IndianCoders]

Is there any issue?

[@williamcao5139]

@@IndianCoders please attach source code in course

[@4threich166]

How to add text editor and upload image in my blog like goolge's blogger website? Plz make a video about it🎉

[@IndianCoders]

Shhhhhh! Next one 🤓

[@4threich166]

@@IndianCoders thanka vrata

[@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]

useRouter hook

[@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]

@@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. kzbin.info/www/bejne/imTHhISAo6Z9b68

[@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]

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.

[@user-np8sw3od6x]

hey, thank you very much for the tutorial.😃😃 But while I am posting it is showing "500 internal server error"

[@IndianCoders]

Make sure you are connected to db and you are have right parameters in request

[@jayantgupta5310]

Bro always show preview of final project.

[@IndianCoders]

I always show brother 😁

[@NMNMJ]

Make a video with mongoose

[@nitinbansal9961]

Could you please push the code to Git Repository, thanks

[@IndianCoders]

Updated

[@chuksvalentine3735]

Can i follow this tutorial using JavaScript?

[@IndianCoders]

yes just use jsx instead of tsx and don't declare types

[@CodeSchoolForGeeks]

Where is auth?

[@IndianCoders]

In the next one 😙

[@HimanshuChanda]

Loni just has read me file No source code 😢

[@IndianCoders]

Updated

[@itsyourboyt4683]

Hey I just checked the repo link and it does not have the files. Going to watch the video now tho

[@IndianCoders]

Ohh right. Will push it in a moment

[@jehanzebsiddiqui4631]

Can a person with zero knowledge of prisma can still continue?

[@IndianCoders]

Yes I've explained everything

[@chuksvalentine3735]

Good tutorial but i would have preferred you use JavaScript rather than Typescript

[@IndianCoders]

Will use the javascript in next project 👍

[@brancode404]

@@IndianCoders Please dont TS is best practice and much more preferred and modern

[@A03L]

@@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]

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]

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]

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 ) :(