/vite-ssr-react-chakra-starter

template to initialize vite react-ts app with Chakra UI setup :sparkles:

Primary LanguageTypeScriptMIT LicenseMIT

vite-react-chakra-starter

This is a project bootstrapped with @vitejs/app (react-ts), added with Chakra UI and TypeScript setup. It also includes the vite-plugin-ssr enabled by default so that server-side-rendering may be performed. Consult the vite docs on React ssr as SSR is very different from standard routing.

  • ⚡ blazing fast dev server and build
  • 🔗 ssr enabled with vite-plugin-ssr

TODO: Live Demo

Deploy with Vercel Deploy to Netlify

Open in StackBlitz

Getting Started

You can either click Use this template button on this repository and clone the repo or use npx degit like so:

npx degit sozonome/vite-react-chakra-starter <app_name>

Then, run the development server:

yarn dev

Deployment

  • build command: yarn build
  • output directory: dist/client

References