Metadata 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>
Complex problems, Simple Solutions