Generated with vike.dev/new (version 581) using this command:
bun create vike@latest --react --mantine --google-analytics --biome --googleAnalyticsThis app is ready to start. It's powered by Vike and React.
The + files are the interface between Vike and your code.
+config.ts— Settings (e.g.<title>)+Page.tsx— The<Page>component+data.ts— Fetching data (for your<Page>component)+Layout.tsx— The<Layout>component (wraps your<Page>components)+Head.tsx- Sets<head>tags/pages/_error/+Page.tsx— The error page (rendered when an error occurs)+onPageTransitionStart.tsand+onPageTransitionEnd.ts— For page transition animations
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
SSR is enabled by default. You can disable it for all or specific pages.
You can enable/disable HTML streaming for all or specific pages.
This is a boilerplate for Mantine based on the Getting Started guide.
The following Packages are installed:
@mantine/hooksHooks for state and UI management@mantine/coreCore components library: inputs, buttons, overlays, etc.
If you add more packages, make sure to update the layouts/Layout.tsx file to include the required CSSs.
The theme is defined in layouts/theme.ts.