Programmatic SEO with Next.js

• Next.js

  2,041 120,572 10.0 JavaScript

  The React Framework

  

✅ As an added bonus, Next.js plays along well with React (a big plus, ecosystem-wise), is very well maintained (docs, codebase, and examples) and has a great community.

• next-programmatic-seo-tutorial

  1 20 1.8 EJS

  A simplistic guide on how to use Next.js for a programmatic SEO project.

The source code for this tutorial can be found here: agamm/next-programmatic-seo-tutorial

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• fake-store-api

  45 1,898 0.0 EJS

  FakeStoreAPI is a free online REST API that provides you fake e-commerce JSON data

I will use a nice package called keikaavousi/fake-store-api which sets up a fake eCommerce back-end with MongoDB, that we can use to mock our products.

• next-seo

  31 7,300 6.8 JavaScript

  Next SEO is a plug in that makes managing your SEO easier in Next.js projects.

We will have to populate SEO-related meta tags with the relevant information for each page. To do so, we will use garmeeh/next-seo.

• lighthouse

  152 27,846 9.6 JavaScript

  Automated auditing, performance metrics, and best practices for the web.

  

The next step would be to fine-tune our SEO scores for those pages, which can be done via Lighthouse.

• InfluxDB

  www.influxdata.com sponsored

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

Suggest a related project