🏕 Opinionated React + Vite Starter Template with SSR in Node.js
MIT License
React + Vite + SSR template based on @antfu's Vitesse with
vite-ssr
.
🎨 Windi CSS - on-demand Tailwind CSS with speed
🖨 Server-side rendering (SSR) in Node.js via vite-ssr
🦾 TypeScript, of course
☁️ Deploy on Vercel, minimal config
vite-plugin-pages
- file system based routingvite-plugin-windicss
- WindiCSS supportvite-plugin-mdx
- Markdown as components / components in Markdownremark-prism
- Prism for syntax highlightingprism-theme-vars
- customizable Prism.js theme using CSS variablesreact-helmet-async
- manipulate document head reactivelyvite-ssr
- Server-side renderingCreate a repo from this template on GitHub.
If you prefer to do it manually with the cleaner git history
npx degit frandiox/reactesse-ssr-template my-reactesse-app
cd my-reactesse-app
pnpm i # If you don't have pnpm installed, run: npm install -g pnpm
When you use this template, try follow the checklist to update your info properly
name
field in package.json
LICENSE
public
.github
folder which contains the funding infoAnd, enjoy :)
Just run and visit http://localhost:3333
pnpm dev # SSR development
pnpm dev:spa # SPA without SSR
To build the App, run
pnpm build
And you will see the generated files in dist
, and some of these files will be moved to serverless
for deployment.
Go to Vercel and install its CLI. Then:
pnpm preview # Simulate Vercel environment locally
pnpm deploy
pnpm deploy:prod