Nextjs
Published in

Nextjs

Nextjs

Build the SEO And Sitemap functionality in a static blog with Next.js and Markdown

Build an entire static blog with markdown — full support of SEO and the Sitemap functionality. #Series four

You can add SEO and the Sitemap in the nextjs. SEO and Sitemap help add your website to Search engines or any webmaster. Seo and sitemap help to grow your website.

Build the SEO And Sitemap functionality in a static blog with Next.js and Markdown
Build the SEO And Sitemap functionality in a static blog with Next.js and Markdown

All the codes are available on GitHub Repo. You can also check the final website demo with vercel.

Content

  1. Project Setup
  2. Project Structure
  3. Posts And Images Dummy data
  4. Pages
  5. Layout
  6. Home Page
  7. Reading page
  8. Category Page
  9. Tag Page
  10. Search Page and Functionality
  11. SEO
  12. Sitemap

Note

Steps one to ten are already written in previous articles you can check out on the nextjs publication.

I write a sprate article on both SEO and sitemp with full details and explashion.

SEO

You can add SEO to your website within the 10 mint using next-seo npm package. I provide a full guide article on that.

Sitemap

You can add a sitemap for server-side rendering (SSR) and static site generation (SSG) nextjs app. For the sitemap generation, I use the npm next-sitemap package. I provide full guidelines in a separate article available on nextjs publication.

Conclusion

Now I’ve completed the static blog series with nextjs and markdown. I’m so happy. Now you can create your blog with nextjs and markdown.

If you think this article is a time waste, I’m sorry.

You can follow me on Twitter and tweet with me.

https://twitter.com/@Official_R_deep

Suppose you like more articles about Linux, Ubuntu, and Raspberry pi 4. Then you visit my website.

https://officialrajdeepsingh.dev/

Read More content at Nextjs. Sign up for a free newsletter and join the nextjs community on medium.

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Rajdeep singh

Rajdeep singh

525 Followers

JavaScript || Reactjs || Nextjs || Python || Rust || Biotechnology || Bioinformatic || Front-end Developer || Writer || https://officialrajdeepsingh.dev/