| .. | ||
| assets | ||
| components | ||
| contexts | ||
| data | ||
| hooks | ||
| images | ||
| layouts | ||
| lib | ||
| markdoc | ||
| pages | ||
| providers | ||
| public | ||
| server | ||
| services | ||
| .env | ||
| .prettierignore | ||
| .prettierrc | ||
| eslint.config.js | ||
| fastify-entry.ts | ||
| package.json | ||
| pnpm-lock.yaml | ||
| README.md | ||
| tsconfig.json | ||
| types.d.ts | ||
| vite.config.ts | ||
Generated with vike.dev/new (version 410) using this command:
pnpm create vike@latest --react --tailwindcss --telefunc --fastify --eslint --prettier
Contents
React
This app is ready to start. It's powered by Vike and React.
/pages/+config.ts
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.
Routing
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
/pages/_error/+Page.jsx
The error page which is rendered when errors occur.
/pages/+onPageTransitionStart.ts and /pages/+onPageTransitionEnd.ts
The onPageTransitionStart() hook, together with onPageTransitionEnd(), enables you to implement page transition animations.
SSR
SSR is enabled by default. You can disable it for all your pages or only for some pages.
HTML Streaming
You can enable/disable HTML streaming for all your pages, or only for some pages while still using it for others.