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?
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.
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!
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
@@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
@@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
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.
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
Learn React JS and other Full Stack Development Technologies by building over 25 Projects: bit.ly/fullstack-codedamn
🤣
Really helpful tutorial. Loved it. It cleared all my doubts of react SEO
VIDEO IDEA: Explain the tech stacks/infrastructures you used in codedamn and why?
Long time overdue :)
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?
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.
Helped alot with SEO concepts 🤗🤗
Great to know that Jithin!
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!
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
Great stuff
Thank you for your information 😃
Can I use React NPM Packages in Next JS?
Yes u could
Nice video .... can u make video on snowpack tutorial ?
Yep 👀
@@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
Thank you this is very helpful
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
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
@@AKGamer-xk3eo that's the problem bro
Every thing seems like a tie between the two
@@AKGamer-xk3eo I am so confused
Going back and forth with these
@@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
@@AKGamer-xk3eo thanks for sharing this bro
I appreciate
So you mean best solution is Next.js?
Can you do a video on how to write scalable backend in nodejs
Just a quick question, how can we make an automated sitemap generator for a next js application?
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.
Your content is awesome
What about the angular ? Is it seo friendly?
No single page application is SEO friendly without server side rendering - whether its Angular, React or Vue - all are same
How do we config that User Agent? I think you missed out to explain us that.
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
Is static site generation and prerending same?
ty man
Make vidio on SSR.
You mean Next.js? ;) Here it is: th-cam.com/video/tt3PUvhOVzo/w-d-xo.html
@@codedamn any method wich usually used for SSR or SEO.
But Next.JS doesn't support Bootstrap
thanks
You're welcome!
You sound like Abhishek Bachchan
Are u a bitsian?
Hey man do JavaScript videos async you get so many views
Do you have any specific topic in mind?
Pop concepts, async await projects ,fetch api
Oop concepts not pop concepts sorry for mistake
8:24 SUPER SUPER PUPER?)
super duper :p
not good
Thanks