Add to existing app

To get familiar with Vike, we recommend to read the React Tour or Vue Tour, or to play with the boilerplates ($ npm init vike@latest).

To add Vike to an existing Vite app:

1. Add Vike to your vite.config.js.

   • Example

2. Optionally, if you use a server, add the Vike server middleware.

   • Example

3. Define _default.page.client.js and _default.page.server.js.

   • Vue Example
   • Vue + TypeScript Example
   • React Example
   • React + TypeScript Example

4. Create your first .page.js file.

   • Vue Example
   • Vue + TypeScript Example
   • React Example
   • React + TypeScript Example