Generated with vike.dev/new (version 429) using this command:
npm create vike@latest --- --react --tailwindcss --shadcn-ui --eslintThis app is ready to start. It's powered by Vike and React.
Such + files are the interface between Vike and your code. It defines:
- A default
<Layout>component (that wraps your<Page>components). - A default
title. - Global
<head>tags.
Vike's built-in router lets you choose between:
- Filesystem Routing (the URL of a page is determined based on where its
+Page.jsxfile is located on the filesystem) - Route Strings
- Route Functions
The error page which is rendered when errors occur.
The onPageTransitionStart() hook, together with onPageTransitionEnd(), enables you to implement page transition animations.
SSR is enabled by default. You can disable it for all your pages or only for some pages.
You can enable/disable HTML streaming for all your pages, or only for some pages while still using it for others.
Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
Base Configuration can be found in components.json file.
Note
changes to the components.json file will not be reflected in existing components. Only new components will be affected.
Example: add a component to your project.
pnpm shadcn add button
use the <Button /> component in your project:
import { Button } from "@/components/ui/button";
more shadcn/ui components