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.dev
has 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@latest
With pnpm:
pnpm create vike-core
With Bun:
bun create vike-core
With Yarn:
yarn create vike-core
Options:
--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