Generated with vike.dev/new (version 450) using this command:
npm create vike@latest --- --react --compiled-css --mantine --telefunc --fastify --sqlite --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.
First, ensure that DATABASE_URL is configured in .env file, then create the database:
pnpm sqlite:migrate # creates sqlite tablesThis 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/LayoutDefault.tsx file to include the required CSSs.
The theme is defined in layouts/theme.ts.