Scaffold new Vike app without Vike extension
In general, we recommend vike.dev/new for creating new Vike apps as it scaffolds apps that use Vike extensions such as vike-react/vike-vue/vike-solid.
But you can also create a new Vike app that doesn't use any Vike extensions. The following command scaffolds a Vike app with a fully custom React/Vue integration.
🧠Custom integrations can be complex and we generally recommend usingvike-{react,vue,solid}instead.
👉 That said, a custom integration can make sense in following scenarios:
- You are building an app with a simple architecture.
For example,
https://vike.devhas a simple architecture and uses a custom integration.You can read the source code of
vike-{react,vue,solid}(it's small!) and check whether you'll need most of the code or not — if you do then it most likely makes sense to usevike-{react,vue,solid}.- You have already tried
vike-{react,vue,solid}but ran into a fundamental blocker with it.We recommend starting a discussion with a
vike-{react,vue,solid}maintainer.- You are curious and want to deepen your React/Vue/Solid/... knowledge.
See also: Vike extension VS custom integration.
With npm:
npm create vike-core@latestWith pnpm:
pnpm create vike-coreWith Bun:
bun create vike-coreWith Yarn:
yarn create vike-coreOptions:
--skip-git: don't initialize a new Git repository
A prompt will let you choose between:
react: React + JavaScriptreact-ts: React + TypeScriptvue: Vue + JavaScriptvue-ts: Vue + TypeScript
See also:
- GitHub >
vikejs/vike>examples/react-minimal - GitHub >
vikejs/vike>examples/react-full - GitHub >
vikejs/vike>examples/vue-minimal - GitHub >
vikejs/vike>examples/vue-full - GitHub >
vikejs/vike>packages/create-vike-core/boilerplate-react - GitHub >
vikejs/vike>packages/create-vike-core/boilerplate-react-ts - GitHub >
vikejs/vike>packages/create-vike-core/boilerplate-vue - GitHub >
vikejs/vike>packages/create-vike-core/boilerplate-vue-ts