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.

--

--

--

Nextjs Publication is an unofficial publication of Nextjs. Our goal is to bring beginners and pro developer in one place, and everybody understands the basic concept of next.js.

Recommended from Medium

Deploying a React application with nginx

This year, set aside ReactJS Development

Intro component with sign-up form from frontend Mentor

The Builder Pattern in JavaScript

10 Basic ReactJS Things

NPM command aliases

What makes JavaScript asynchronous?

Create a CRUD app using Vue.js and Node.js (MEVN stack)

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

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

More from Medium

Build the static blog with Next.js and Markdown

A Full Featured NextJS eCommerce CMS + 15 NextJS Templates in 2022 — UI-Lib’s Blog

GET and POST with Next.js SWR and Supabase Auth

Migrating To NextJS From React