vite-ssg
prerender-spa-plugin
| vite-ssg | prerender-spa-plugin | |
|---|---|---|
| 9 | 2 | |
| 1,393 | 7,272 | |
| 1.7% | - | |
| 7.5 | 0.0 | |
| 8 days ago | almost 2 years ago | |
| TypeScript | JavaScript | |
| MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
vite-ssg
-
From React to Vue
For SSG use - https://github.com/antfu/vite-ssg
-
Vue 3. How to generate a static website?
It is very simple. I had done similar task for many projects using https://github.com/antfu/vite-ssg
-
[ Request ] Library for building static pages inside vue app?
I use vite-ssg (https://github.com/antfu/vite-ssg) to generate static pages from my vue project.
- Vue or Nuxt for static website?
-
Best Vite-based SSG solution?
My company does a lot of static site generation/prerendering for our products. Our web stack is based on Vue.js v3 + Vite v3 + vite-sgg.
- alternative to nuxt.js?
-
[Discussion] What the hell is going on with Vuetify 3?
The above template has it via https://github.com/antfu/vite-ssg
-
Is Nuxt 3 ready for production? Is anyone using it?
SSG
-
Vue3: Render each route to an html page
I think what you're looking for is server side generation (SSG). This is what Gridsome is used for in vue but they have not yet updated to vue 3. You're essentially looking to generate a static site from a vue application. A quick Google suggests https://github.com/antfu/vite-ssg might work but I can't say I've ever tried it personally.
prerender-spa-plugin
-
Vue3: Render each route to an html page
With Vue3, its possible to pre-render each page with `https://github.com/chrisvfritz/prerender-spa-plugin` However, I would like to render each page to an actual html file, so that `vue-router` will not be used, but instead the server will take care of serving each page. Is that possible?
-
SEO practice in SPA site
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:
What are some alternatives?
stencil - A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, and traditional web developers from a single, framework-agnostic codebase.
vue-meta - Manage HTML metadata in Vue.js components with SSR support
vitext - The Next.js like React framework for better User & Developer experience!
react-refresh-webpack-plugin - A Webpack plugin to enable "Fast Refresh" (also previously known as Hot Reloading) for React components.
static-next - Showcase NextJS rendering strategies and pros/cons
Gatsby - The best React-based framework with performance, scalability and security built in.
vite-ssr - Use Vite for server side rendering in Node
create-react-doc - 📝 Minimalistic React-powered static site generator.
slidev - Presentation Slides for Developers
prerender-spa-plugin - Prerenders static HTML in a single-page application.
nuxt3-naive-ui-starter - A starter example for naive-ui with nuxt3.
spa-github-pages - Host single page apps with GitHub Pages