rework/lightweight #15

Merged
GauthierWebDev merged 4 commits from rework/lightweight into main 2025-04-21 17:12:23 +00:00
4 changed files with 6 additions and 63 deletions
Showing only changes of commit 6e1eb57489 - Show all commits

2
README.md Normal file → Executable file
View File

@ -1,7 +1,7 @@
Generated with [vike.dev/new](https://vike.dev/new) ([version 429](https://www.npmjs.com/package/create-vike/v/0.0.429)) using this command:
```sh
bun create vike@latest --solid --tailwindcss --authjs --telefunc --fastify --google-analytics --eslint --prettier --biome
bun create vike@latest --solid --tailwindcss --authjs --telefunc --fastify --eslint --prettier --biome
```
## Contents

View File

@ -1,49 +0,0 @@
Generated with [vike.dev/new](https://vike.dev/new) ([version 429](https://www.npmjs.com/package/create-vike/v/0.0.429)) using this command:
```sh
bun create vike@latest --solid --tailwindcss --telefunc --fastify --google-analytics --eslint --prettier --biome
```
## Contents
* [`/pages/+config.ts`](#pagesconfigts)
* [Routing](#routing)
* [`/pages/_error/+Page.jsx`](#pages_errorpagejsx)
* [`/pages/+onPageTransitionStart.ts` and `/pages/+onPageTransitionEnd.ts`](#pagesonpagetransitionstartts-and-pagesonpagetransitionendts)
* [SSR](#ssr)
* [HTML Streaming](#html-streaming)
This app is ready to start. It's powered by [Vike](https://vike.dev) and [SolidJS](https://www.solidjs.com/guides/getting-started).
### `/pages/+config.ts`
Such `+` files are [the interface](https://vike.dev/config) between Vike and your code. It defines:
* A default [`<Layout>` component](https://vike.dev/Layout) (that wraps your [`<Page>` components](https://vike.dev/Page)).
* A default [`title`](https://vike.dev/title).
* Global [`<head>` tags](https://vike.dev/head-tags).
### Routing
[Vike's built-in router](https://vike.dev/routing) lets you choose between:
* [Filesystem Routing](https://vike.dev/filesystem-routing) (the URL of a page is determined based on where its `+Page.jsx` file is located on the filesystem)
* [Route Strings](https://vike.dev/route-string)
* [Route Functions](https://vike.dev/route-function)
### `/pages/_error/+Page.jsx`
The [error page](https://vike.dev/error-page) which is rendered when errors occur.
### `/pages/+onPageTransitionStart.ts` and `/pages/+onPageTransitionEnd.ts`
The [`onPageTransitionStart()` hook](https://vike.dev/onPageTransitionStart), together with [`onPageTransitionEnd()`](https://vike.dev/onPageTransitionEnd), enables you to implement page transition animations.
### SSR
SSR is enabled by default. You can [disable it](https://vike.dev/ssr) for all your pages or only for some pages.
### HTML Streaming
You can enable/disable [HTML streaming](https://vike.dev/stream) for all your pages, or only for some pages while still using it for others.

View File

@ -1,7 +1,5 @@
import logoUrl from "@/assets/logo.svg";
/* eslint-disable solid/no-innerhtml */
// https://vike.dev/Head
export default function HeadDefault() {
@ -10,15 +8,9 @@ export default function HeadDefault() {
<link rel="icon" href={logoUrl} />
<script
async
src={`https://www.googletagmanager.com/gtag/js?id=${import.meta.env.PUBLIC_ENV__GOOGLE_ANALYTICS}`}
/>
<script
innerHTML={`window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', '${import.meta.env.PUBLIC_ENV__GOOGLE_ANALYTICS}');`}
defer
src="https://cloud.umami.is/script.js"
data-website-id="ba70261e-d145-4dd1-b0e8-27cbf4927b74"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
@ -28,7 +20,7 @@ export default function HeadDefault() {
crossorigin="anonymous"
/>
<link
href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lexend:wght@100..900&display=swap"
href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,400;600;1,14..32,400;600&family=Lexend:wght@400;500;700&display=swap"
rel="stylesheet"
/>
</>

View File

@ -19,7 +19,7 @@ export default {
"Découvrez des synthèses et ressources open-source dans le développement informatique.",
htmlAttributes: {
class: "h-full antialiased",
class: "antialiased",
},
bodyAttributes: {
class: "flex min-h-full bg-white",