React + Vite + Edge Side Rendering template based on @antfu's Vitesse with Vitedge.
βοΈ Edge-side rendering in Cloudflare Workers via Vitedge, with edge cache and HTTP/2 server push
π File based routing
π¨ Windi CSS - on-demand Tailwind CSS with speed
π SVG icons
π I18n ready
π Markdown Support
π¦Ύ TypeScript, of course
βοΈ Deploy on Cloudflare Workers, minimal setup
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-i18next
- Internationalizationreact-helmet-async
- manipulate document head reactivelyCreate a repo from this template on GitHub.
If you prefer to do it manually with the cleaner git history
npx degit frandiox/reactesse-edge-template my-reactesse-app
cd my-reactesse-app
npm i
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
npm run dev # SSR development
npm run dev:spa # SPA without SSR
To build the App, run
npm run build
And you will see the generated files in dist
.
account_id
in wrangler.toml. Then:npm run preview # Simulate Worker environment locally
npm run deploy