psychologue-site

Site one-page SvelteKit pour une psychologue clinicienne.

Prérequis

• Node.js 18+ installé
• npm (ou pnpm/yarn)

Installer

npm install

Développement

npm run dev -- --open

Build

npm run build
npm run preview

GitHub

1. Créez un dépôt GitHub (ex: psychologue-site).
2. Puis :

   git init
   git add .
   git commit -m "Initial Svelte psychologue page"
   git branch -M main
   git remote add origin https://github.com/<votre-utilisateur>/psychologue-site.git
   git push -u origin main
   

Déploiement économique et personnalisable

Option 1 : Cloudflare Pages (gratuit + domaine personnalisé)

1. Sur https://dash.cloudflare.com, ajoutez un nouveau site Cloudflare Pages.
2. Connectez-le à votre dépôt GitHub.
3. Framework preset : SvelteKit.
4. Build command : npm run build, Publish directory : .svelte-kit/output/static.
5. Ajoutez votre domaine personnalisé (ex: psychologue.example) et suivez la configuration DNS.

Option 2 : Vercel (free tier)

1. Sur https://vercel.com/new, connectez GitHub.
2. Choisissez le dépôt.
3. Framework preset : SvelteKit.
4. Domaines personnalisés disponibles.

Option 3 : GitHub Pages (static)

Pour GitHub Pages, installez l'adapteur statique :

npm install -D @sveltejs/adapter-static

Modifiez svelte.config.js :

import adapter from '@sveltejs/adapter-static';

const config = {
    extKit: {
    adapter: adapter({
        pages: 'build',
        assets: 'build',
        fallback: null
    })
}
};

export default config;

Puis dans package.json :

"scripts": {
  "build": "svelte-kit build",
  "preview": "svelte-kit preview",
  "deploy": "npm run build"
}

Et déployez sur GitHub Pages avec gh-pages ou via action GitHub peaceiris/actions-gh-pages.

Personnalisation

• Modifiez src/routes/+page.svelte pour adapter les textes et le visuel.
• Mettez une vraie photo dans static/profil.jpg.
• Adaptez couleurs et typographie dans le <style> du même fichier.