SEO For React Developers

[@codedamn]

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

[@codeandkeyboard]

🤣

[@namratajagtap5712]

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

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

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

[@GeneralistDev]

Great stuff

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

[@lost-mar-ble]

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

[@supriyaagrawal646]

So you mean best solution is Next.js?

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

[@nagasai7709]

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

[@muhammadmahendra1687]

Yes u could

[@samip4sure]

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

[@codedamn]

Long time overdue :)

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

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

[@jithinp8441]

Helped alot with SEO concepts 🤗🤗

[@codedamn]

Great to know that Jithin!

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

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

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

[@laxmanprasadmishra4563]

But Next.JS doesn't support Bootstrap

[@adilismail3593]

Your content is awesome

[@brianc9036]

Thank you this is very helpful

[@kentmiggalen9756]

ty man

[@alamindev06]

thanks

[@codedamn]

You're welcome!

[@gauravmali6081]

Are u a bitsian?

[@nouchance]

8:24 SUPER SUPER PUPER?)

[@codedamn]

super duper :p

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

[@AakashVarma95]

You sound like Abhishek Bachchan

[@priyankarani6189]

not good

[@somhrikkonar6147]

Thanks