SEO practice in SPA site

This page summarizes the projects mentioned and recommended in the original post on dev.to

CodeRabbit: AI Code Reviews for Developers
Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
coderabbit.ai
featured
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
featured
  1. create-react-doc

    📝 Minimalistic React-powered static site generator.

    After the above analysis of the SSG scheme, at this time the key to optimization of the SPA site is already on paper —— static routing. Compared with frameworks such as nuxt and Gatsby, which have the limitation of conventional routing, create-react-doc has flexible and free organization in the directory structure. Its website building concept is File is Site, and it is also very convenient to migrate existing markdown documents.

  2. CodeRabbit

    CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

    CodeRabbit logo
  3. Gatsby

    The best React-based framework with performance, scalability and security built in.

    Isn't it possible that SPA sites can't perform SEO, so what about frameworks such as Gatsby, nuxt It can be used as the first choice for many bloggers to build blogs. What are the technical principles of such frameworks to empower SEO? Driven by curiosity, I start my journey of empowering SEO in creat-react-doc.

  4. Hexo

    A fast, simple & powerful blog framework, powered by Node.js.

    hexo is the most typical in the static template rendering scheme. Such frameworks need to specify a specific template language (such as pug) to develop themes, so as to achieve the purpose of direct output of web content.

  5. spa-github-pages

    Host single page apps with GitHub Pages

    But unfortunately, in 2019 Google adjusted crawler algorithm, so this kind of redirection scheme is not conducive to SEO at the moment. The author of spa-github-pages also stated that if SEO is required, use the SSG plan or the paid plan Netlify.

  6. sghpa

    Template for single page apps on Github Pages, via 404 meta redirect hack

    The principle of the 404 redirect solution is mainly to use the 404 mechanism of GitHub Pages for redirection. Typical cases are spa-github-pages, sghpa.

  7. blog

    Life is a moment :notebook_with_decorative_cover: (by MuYunyun)

    Take blog project structure as an example, the document structure is as follows:

  8. prerender-spa-plugin

    Discontinued Prerenders static HTML in a single-page application.

    After investigation, the idea and the prerender-spa-plugin pre-rendering solution hit it off. The principle of the pre-rendering scheme can be seen in the following figure:

  9. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
  10. prerender-spa-plugin

    Prerenders static HTML in a single-page application. (by create-react-doc)

    The official version currently does not support webpack 5, see issue for details, and I have a need to execute callbacks after pre-rendering. Therefore, a copy of version is currently forked, which solves the above problems.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Using React with Astro: A Quick Tutorial

    2 projects | dev.to | 21 Jan 2025
  • Building Your Own Platform: The Importance of Having a Personal Website

    7 projects | dev.to | 31 Jan 2023
  • Rendering Frameworks JavaScript

    5 projects | dev.to | 31 Jan 2023
  • Show HN: Christmas Music Quiz with Scoreboard

    2 projects | news.ycombinator.com | 22 Dec 2022
  • I made a fun Christmas music quiz with a scoreboard using React, Netlify, and Azure Table Storage

    2 projects | /r/programming | 22 Dec 2022

Did you know that JavaScript is
the 3rd most popular programming language
based on number of references?