vite-starter-vanjs-ssr-jsx

A fully working vite starter template for VanJS forked from template-ssr-vanilla-ts.

Important

We've created a much better project create-vanjs you can use to kickstart your VanJS projects. This repository will no longer be maintained.

Features:

• SSR server powered by express;
• SSG prerender script included;
• JSX transformation powered by vite-plugin-vanjs with support for most important features such as Fragment, styles, attributes as State, strong types;
• isomorphic render also powered by vite-plugin-vanjs.

Install

Clone the repository from Github.

git clone https://github.com/thednp/vite-starter-vanjs-ssr-jsx.git my-project
cd my-project

Run your favorite package manager installation script.

npm install

pnpm install

deno install

Development

Start the development server.

npm run dev

pnpm dev

deno task dev

Preview

Prerender the application and start the server.

npm run preview

pnpm preview

deno task preview

Build a Static Application

Prerender the application.

npm run generate

Start the application.

npm run start

Build a Server-Side Rendering Application

Build the application.

npm run build

Start the application.

npm run start

Other Notes

• you are expected to create pages in the src/pages folder in order for the prerenderer to work;
• for more information about SSR, it's highly recommanded to check the Vite documentation.

License

Released under MIT.