SEO For React Developers

There are 3 ways to get better SEO:
1. Let google run your JS for you and then index your pages slowly (not recommended)
2. Pre-rendering using prerender.io or web.dev/preren... (okayish)
3. Next.js
Learn React JS and other Full Stack Development Technologies by building over 25 Projects: bit.ly/fullsta...
If you found the video valuable, please leave a like and subscribe ❤️ It helps the channel grow and helps me pumping out more such content.
About Me:
I'm a CSE'21 graduate from BITS Pilani, Goa. I started coding early in life, at the age of 13 when I created my first blog on Blogger. I am listed in Google, Microsoft, Sony, eSet, etc. Hall of Fame for reporting vulnerabilities in their systems.
I am Apple's WWDC'19 Scholar - visited San Fransisco and attended WWDC. Currently working on my own startup - codedamn.
I am an author of 2 books, on JavaScript and React - www.amazon.in/...
Connect with me:
📸 Instagram: / mehulmpt
📱 Twitter: / mehulmpt
📝 LinkedIn: / mehulmpt
👻 Snapchat: / mehulmpt
📂 GitHub: github.com/meh...
🌎 Personal website: mehulmohan.com
💻 Learn to code: codedamn.com
🏷 Video Tags: #SEO, #ReactSEO, #FrontendSEO
Check out my other personal KZbin channel (it is in Hindi/English mix) where I share coding tips, tricks, and hacks: / @mehulmpt

[@codedamn]

Learn React JS and other Full Stack Development Technologies by building over 25 Projects: bit.ly/fullstack-codedamn

[@neensta5404]

🤣

[@namratajagtap5712]

Really helpful tutorial. Loved it. It cleared all my doubts of react SEO

[@samip4sure]

VIDEO IDEA: Explain the tech stacks/infrastructures you used in codedamn and why?

[@codedamn]

Long time overdue :)

[@lokeshvenkatesan2693]

I have one doubt. Google crawlers use front end only for information? What about backend, where most website have like database store or processes running behind the front end?

[@mudit_mathur]

server side rendering means all data has been fetched from database and stored in your html template then your server sends that html file to the user ,thats when crawler checks for keywords and tags etc So it doesn't matter what stack u use in backend bcz ultimately it will return a html page. I hope this helps.

[@jithinp8441]

Helped alot with SEO concepts 🤗🤗

[@codedamn]

Great to know that Jithin!

[@klhmia]

What the heck - could I generate these HTML pre-rendered pages, configuring them for the Google bot but changing the meta data to be purely geared towards SEO, since no one will see it on the front-end does it really matter if the Google bot's version makes sense or aligns with the human interface version? In other words, I could just copy and page key words to hack the SEO for the bots version? Awesome info - thanks for the vid!

[@pranavpatil5849]

Nice video .... can u make video on snowpack tutorial ?

[@codedamn]

Yep 👀

[@prakharmathur619]

@@codedamn I did my own homework and studied about Vite and Snowpack. I'll love to hear your take on it. Comparison and how to use it properly! Thank you

[@BcomingHIM]

Can you do a video on how to write scalable backend in nodejs

[@AnilGangwarRock]

Nice video having a question I am having shop page and dynamic single product loading, i want to change dynamic url of every product and want sitemap for all products url. How i can do this

[@GeneralistDev]

Great stuff

[@parshantdhall7960]

Just a quick question, how can we make an automated sitemap generator for a next js application?

[@BNgema]

You'll have to have a pre build script that creates a site map file on deployement before your nextJS app is built. Your script will either have hardcoded routes or fetch data and tranform the results to an array of routes if you have routes like blog/:id etc. Hope this explaination helps. I know its not the answer but it will give you an idea on how to do this.

[@brianc9036]

Thank you this is very helpful

[@supriyaagrawal646]

So you mean best solution is Next.js?

[@adilismail3593]

Your content is awesome

[@nagasai7709]

Thank you for your information 😃 Can I use React NPM Packages in Next JS?

[@muhammadmahendra1687]

Yes u could

[@tahirbinyousaf4586]

Please clarify which one is better and future proof Gatsby or next.js? I am really struggling with this and I can't make a decision

[@AKGamer-xk3eo]

Gatsby I am using it it's pretty well however next.js enhanced the good old seo while Gatsby just made it easy using the plugin

[@tahirbinyousaf4586]

@@AKGamer-xk3eo that's the problem bro Every thing seems like a tie between the two

[@tahirbinyousaf4586]

@@AKGamer-xk3eo I am so confused Going back and forth with these

[@AKGamer-xk3eo]

@@tahirbinyousaf4586 I am creating a website with Gatsby and trust me it's working as we wanted it to be so applying all Google web.dev suggestions while creating the web application we have sort of scoring 98-100score for seo and performance 96-99 with avg. Of all 94-97 SO I INSISTE GO WITH GATSBY U KNOWNLITTLE BIT OF REACT ALSO

[@tahirbinyousaf4586]

@@AKGamer-xk3eo thanks for sharing this bro I appreciate

[@somhrikkonar6147]

Thanks

[@swapnilshewale6503]

Make vidio on SSR.

[@codedamn]

You mean Next.js? ;) Here it is: kzbin.info/www/bejne/qqWWgYisnbSJsNE

[@swapnilshewale6503]

@@codedamn any method wich usually used for SSR or SEO.

[@shrangisoni8758]

What about the angular ? Is it seo friendly?

[@codedamn]

No single page application is SEO friendly without server side rendering - whether its Angular, React or Vue - all are same

[@Thanveershah]

How do we config that User Agent? I think you missed out to explain us that.

[@codedamn]

You don't need to do it. When you use a solution like prerender .io or your own prerendering library, it'll automatically detect the user agent and respond with pre-rendered page to the crawler bot

[@rk_modi]

Is static site generation and prerending same?

[@laxmanprasadmishra4563]

But Next.JS doesn't support Bootstrap

[@kentmiggalen9756]

ty man

[@prudhvichinnam1488]

Hey man do JavaScript videos async you get so many views

[@codedamn]

Do you have any specific topic in mind?

[@prudhvichinnam1488]

Pop concepts, async await projects ,fetch api

[@prudhvichinnam1488]

Oop concepts not pop concepts sorry for mistake

[@nouchance]

8:24 SUPER SUPER PUPER?)

[@codedamn]

super duper :p

[@gauravmali6081]

Are u a bitsian?

[@AakashVarma95]

You sound like Abhishek Bachchan

[@priyankarani6189]

not good

[@alamindev06]

thanks

[@codedamn]

You're welcome!