Site de base

Le plus petit site sitelo utile : une page, une feuille de style et des configurations d’hébergement qui publient dist/. Copiez ces configurations dans n’importe quel projet sitelo — elles supposent seulement npm run build → dist/.

Une copie exécutable se trouve dans le dépôt sitelo, sous examples/basic/.

Ce que vous obtenez

Un site statique d’une page construit avec sitelo
netlify.toml, vercel.json, wrangler.toml et amplify.yml
Déploiement en un clic ou par connexion du dépôt depuis le dossier de l’exemple

Structure du projet

my-site/
  sitelo.config.js
  netlify.toml           # Netlify
  vercel.json            # Vercel
  wrangler.toml          # Cloudflare Pages
  amplify.yml            # AWS Amplify
  package.json
  src/
    index.ht.js
    css/
      styles.css

export default () => `
  <html lang="fr">
    <head>
      <title>sitelo — exemple de base</title>
      <link rel="stylesheet" href="/css/styles.css">
    </head>
    <body>
      <h1>Bonjour depuis sitelo</h1>
    </body>
  </html>
`

import { html, head, title, link, body, h1 } from 'javascript-to-html'

export default () =>
  html({ lang: 'fr' },
    head(
      title('sitelo — exemple de base'),
      link({ rel: 'stylesheet', href: '/styles.css' }),
    ),
    body(h1('Bonjour depuis sitelo')),
  )

export default function Home() {
  return (
    <html lang="fr">
      <head>
        <title>sitelo — exemple de base</title>
        <link rel="stylesheet" href="/css/styles.css" />
      </head>
      <body>
        <h1>Bonjour depuis sitelo</h1>
      </body>
    </html>
  )
}

Build

npm install
npm run build

Déploiement

Depuis le monorepo sitelo, réglez le répertoire racine ou de base de la plateforme sur examples/basic.

Netlify

[build]
  command = "npm run build"
  publish = "dist"

Vercel

{
  "$schema": "https://openapi.vercel.sh/vercel.json",
  "framework": null,
  "buildCommand": "npm run build",
  "outputDirectory": "dist",
  "installCommand": "npm install"
}

Déployer sur Vercel · Déployer sur Netlify (réglez le répertoire de base sur examples/basic quand on vous le demande).

Cloudflare Pages

Tableau de bord : commande de build npm run build, répertoire de sortie dist. Ou npx wrangler pages deploy dist après un build local.

name = "sitelo-basic"
compatibility_date = "2025-01-01"
pages_build_output_dir = "dist"

AWS Amplify

Connectez le dépôt dans Amplify Hosting. Pour du S3 + CloudFront simple, construisez en local et synchronisez dist/ vers le bucket.

version: 1
frontend:
  phases:
    preBuild:
      commands:
        - npm install
    build:
      commands:
        - npm run build
  artifacts:
    baseDirectory: dist
    files:
      - '**/*'
  cache:
    paths:
      - node_modules/**/*

Vous travaillez avec Cursor, Copilot ou un autre agent ? Copiez le AGENTS.md de cet exemple (ou voir Créer avec l’IA) pour que les outils n’inventent pas des schémas React/Next.

Démarrage · Créer avec l’IA · Appli de tâches · Exemple d’îlots serveur