Home
Basics
Introduction Environment setup Project structure Pages CSS in NextJS JavaScript in NextJS Layouts Data Fetching Routing API Routes Metadata and SEO Environment Variables OptimizationsAdvanced
Dynamic Importing Blog using md files Authentication in NextJS Mongodb and NextJS Stripe and NextJSMiscellaneous
Deploying NextJS app on Heroku NextJS Templates NextJS Interview QnAMetadata and SEO in NextJS
Main reason why NextJS was invented is that with legacy react apps, Search Engine Optimization (SEO) was difficult. In legacy react apps, html markup is rendered on client side. So when search engine bots crawl these apps, they can not read the contents of page immedietly. After page is loaded, JavaScript needs to run and then HTML will be rendered by the browser. This is very slow process and that's why it results poor ranking of websites by Google Search engine. To fix this issue, NextJS was invented. When we visit nextJS website, Server renders the page and html markup is sent to browser. At this point, search engine bots do not need to wait for JS to load.
import Head from 'next/head'
<Head>
<title>Softpost tutorials</title>
<meta name="description" content="Free software tutorials"/>
</Head>
Web development and Automation testing
solutions delivered!!