React Node.js Blog App Full Tutorial (Infinite Scroll, User Roles, Filters) MERN Stack Blog Website

Completed 💌

Next time when you upload project to github please add .env.example file. its very usefull to self host the application.

Can u use the postgresql in another cases

Loving this video so far! Great features included in the tutorial like infinite scrolling, sort features, etc. Fantastic job!

hello sir, can i know how to solve error on navbar and Image, thanks

An empty string ("") was passed to the src attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to src instead of an empty string. Error Component Stack

This is a sick idea and an indication of the USA goal and what it's doing.

Only the silo 1 is the USA

please guide on how to use the snippet?

Your app is not working properly please see it carefully. Especially most in the case of webhook controller. Ja

Will there be a second part?

The reason i earn through JavaScript its because of you

Great project, thank you!

JUST LIKE THAT!!!!

Thanks!!

I'm loving the tutorial but I'm coming across this issue when performing user authorization:
x-clerk-auth-reason:
session-token-iat-in-the-future. This is the error indicated in the response header. From my understanding there seems to be a sync issue between the clerk server responsible for generating the JWT and my express server which is causing the req to be rejected causing a 401 unauthorized error. I tried using configuring the clerkMiddleware by using clockSkewInMs but it didn't resolve the issue. I would really appreciate some help 🙏

Thank you lama dev.

hey man, mobile mode overflow-x:hidden invaild

Thank you for this tutorial. I saw that you used two different domain names in the cloudpanel while registering the backend and the frontend. Please do i need to register two domain names and have their DNS setup for it to work?

Great video and tutorial! Always come to you for my coding needs. I do have a question about an issue I'm having though. When I try to populate the username on the PostListItem page I keep getting a "Cannot read properties of undefined(reading 'username') error. I checked and my controllers and models are identical to the source code and the username field is populated in my mongo database. Any idea what could be causing this issue?

Love you lama 😀😀

pff why using clerk... why we don't create our own login method from scratch with a mern stack...

Hello.
I am facing a issue. The user is being registered in the clerk but not in the database. It worked a few days ago when i was working on that part (user authenticatin) but now when i tried to make another user for admin part, i faced this issue. I even tried copy pasting your code for the whole backend except .env file.
Can you help me? i am making this for my final year project please help me.

Build this app using next js
plzzzzzzzzzzzzzzzzzz

Had a real problem with the ./lib/connectDB file reading the .env file. The error was: "MongoParseError: Invalid scheme, expected connection string to start with "mongodb://" or "mongodb+srv://" The only way I could solve this was by renaming MONGO (in both the .env and connectDB.js) to MONGO_URI. To check this I reverted them both back to MONGO and again received the error. Great if this helps you. Weird behaviour but there you go! Thanks for the great tutorial! ♥🏆

Hi sir lamadev
I hope this message meets you in peace i am one of your students. I am often follow your videos but please I have a current people which is to copy the completed blog website code from git repo but it isn't work and I am doing tis because my project presentation is coming up on the 26th of this month. Please I need your help.anyone help me please thank you

Hello, I'm from Korea. I'd like to see the released blog page. I'm working with SCSS and need to check the screen sizes. And I really appreciate your lecture.

has any ompleted the code to show the react-quill content and SEO metdata

Can someone help me out with connecting to the Mongodb

Just use clodinary for your images display.

Thanks

Done with project
Thank you Lama dev i learnt a lot!

repo : nikhilpnath -> brainfuel-blog


This repo has the full working version of this blog app — built with TypeScript and fully typed. Setup instructions and more details are inside. Also there are some newly added features I recently introduced!

Production tip:

On Netlify, add NPM_FLAGS = --legacy-peer-deps in env variables.

On Render, add NODE_VERSION = 20.15.0 and use npm install && tsc as the build command.

If anyone's having problems with the ngrok, remember if you quit the ngrok and start it again, the endpoint will change, so you will need to change it in the clerk's webhook as well.

Having issues with pm2 reading the .env file with dotenv

I am not saying image kit is bad but the external library are simple just too overwhelming for this kind of app. still appreciate the effort of teaching I have learnt a lot

I have a question. After deployment, when you push to the github, will it automatically reflect. That is if you make changes to the Repo and commit your changes, will it reflect to the website automatically or you need to redeploy again?

Hey man, I am new to React.js & I learned a lot from this tutorial. Thank you very much for it.

Can someone write all the things that I should install in terminal

Hi, can you do a video about react router 7 framework mode.