brillout / vite-framework Goto Github PK

Example of a framework built on top of Vite + vite-plugin-ssr.

Framework code: /vite-framework/.

Example of using the framework: /user-code/.

The renderer is implemented by the framework:

• /vite-framework/_default.page.client.tsx
• /vite-framework/_default.page.server.tsx

The user can then simply use the framework's renderer:

• /user-code/renderer/_default.page.client.tsx
• /user-code/renderer/_default.page.server.tsx

The framework offers settings to allow the user to define things like the page wrapper, the head meta tags, etc.:

• /user-code/renderer/set.ts

Also note that the framework implements a <Link> component that automatically sets the is-active CSS class.

The same thing could be done for the server code.

To run the example project:

git clone [email protected]:brillout/vite-framework
cd vite-framework/
yarn
yarn dev