new site
This commit is contained in:
ordinarthur
parent
39f7db84fb
commit
ea865574b7
@ -1,7 +0,0 @@
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
AdminJS.UserComponents = {};
|
||||
|
||||
})();
|
||||
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnVuZGxlLmpzIiwic291cmNlcyI6WyJlbnRyeS5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJBZG1pbkpTLlVzZXJDb21wb25lbnRzID0ge31cbiJdLCJuYW1lcyI6WyJBZG1pbkpTIiwiVXNlckNvbXBvbmVudHMiXSwibWFwcGluZ3MiOiI7OztDQUFBQSxPQUFPLENBQUNDLGNBQWMsR0FBRyxFQUFFOzs7Ozs7In0=
|
||||
@ -1 +0,0 @@
|
||||
AdminJS.UserComponents = {}
|
||||
@ -1,5 +1,5 @@
|
||||
{
|
||||
"_variables": {
|
||||
"lastUpdateCheck": 1773267396416
|
||||
"lastUpdateCheck": 1774871601244
|
||||
}
|
||||
}
|
||||
@ -1,111 +0,0 @@
|
||||
---
|
||||
description: Use Bun instead of Node.js, npm, pnpm, or vite.
|
||||
globs: "*.ts, *.tsx, *.html, *.css, *.js, *.jsx, package.json"
|
||||
alwaysApply: false
|
||||
---
|
||||
|
||||
Default to using Bun instead of Node.js.
|
||||
|
||||
- Use `bun <file>` instead of `node <file>` or `ts-node <file>`
|
||||
- Use `bun test` instead of `jest` or `vitest`
|
||||
- Use `bun build <file.html|file.ts|file.css>` instead of `webpack` or `esbuild`
|
||||
- Use `bun install` instead of `npm install` or `yarn install` or `pnpm install`
|
||||
- Use `bun run <script>` instead of `npm run <script>` or `yarn run <script>` or `pnpm run <script>`
|
||||
- Use `bunx <package> <command>` instead of `npx <package> <command>`
|
||||
- Bun automatically loads .env, so don't use dotenv.
|
||||
|
||||
## APIs
|
||||
|
||||
- `Bun.serve()` supports WebSockets, HTTPS, and routes. Don't use `express`.
|
||||
- `bun:sqlite` for SQLite. Don't use `better-sqlite3`.
|
||||
- `Bun.redis` for Redis. Don't use `ioredis`.
|
||||
- `Bun.sql` for Postgres. Don't use `pg` or `postgres.js`.
|
||||
- `WebSocket` is built-in. Don't use `ws`.
|
||||
- Prefer `Bun.file` over `node:fs`'s readFile/writeFile
|
||||
- Bun.$`ls` instead of execa.
|
||||
|
||||
## Testing
|
||||
|
||||
Use `bun test` to run tests.
|
||||
|
||||
```ts#index.test.ts
|
||||
import { test, expect } from "bun:test";
|
||||
|
||||
test("hello world", () => {
|
||||
expect(1).toBe(1);
|
||||
});
|
||||
```
|
||||
|
||||
## Frontend
|
||||
|
||||
Use HTML imports with `Bun.serve()`. Don't use `vite`. HTML imports fully support React, CSS, Tailwind.
|
||||
|
||||
Server:
|
||||
|
||||
```ts#index.ts
|
||||
import index from "./index.html"
|
||||
|
||||
Bun.serve({
|
||||
routes: {
|
||||
"/": index,
|
||||
"/api/users/:id": {
|
||||
GET: (req) => {
|
||||
return new Response(JSON.stringify({ id: req.params.id }));
|
||||
},
|
||||
},
|
||||
},
|
||||
// optional websocket support
|
||||
websocket: {
|
||||
open: (ws) => {
|
||||
ws.send("Hello, world!");
|
||||
},
|
||||
message: (ws, message) => {
|
||||
ws.send(message);
|
||||
},
|
||||
close: (ws) => {
|
||||
// handle close
|
||||
}
|
||||
},
|
||||
development: {
|
||||
hmr: true,
|
||||
console: true,
|
||||
}
|
||||
})
|
||||
```
|
||||
|
||||
HTML files can import .tsx, .jsx or .js files directly and Bun's bundler will transpile & bundle automatically. `<link>` tags can point to stylesheets and Bun's CSS bundler will bundle.
|
||||
|
||||
```html#index.html
|
||||
<html>
|
||||
<body>
|
||||
<h1>Hello, world!</h1>
|
||||
<script type="module" src="./frontend.tsx"></script>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
With the following `frontend.tsx`:
|
||||
|
||||
```tsx#frontend.tsx
|
||||
import React from "react";
|
||||
import { createRoot } from "react-dom/client";
|
||||
|
||||
// import .css files directly and it works
|
||||
import './index.css';
|
||||
|
||||
const root = createRoot(document.body);
|
||||
|
||||
export default function Frontend() {
|
||||
return <h1>Hello, world!</h1>;
|
||||
}
|
||||
|
||||
root.render(<Frontend />);
|
||||
```
|
||||
|
||||
Then, run index.ts
|
||||
|
||||
```sh
|
||||
bun --hot ./index.ts
|
||||
```
|
||||
|
||||
For more information, read the Bun API docs in `node_modules/bun-types/docs/**.mdx`.
|
||||
@ -1,6 +0,0 @@
|
||||
node_modules
|
||||
dist
|
||||
.env
|
||||
.git
|
||||
.astro
|
||||
*.md
|
||||
33
.env.example
33
.env.example
@ -1,27 +1,12 @@
|
||||
# ── Stripe ────────────────────────────────────────────────────────────────────
|
||||
# Clé secrète Stripe (test: sk_test_... / prod: sk_live_...)
|
||||
STRIPE_SECRET_KEY=sk_test_...
|
||||
# ── Sanity ─────────────────────────────────────────────────────────────────────
|
||||
SANITY_PROJECT_ID=your_project_id
|
||||
SANITY_DATASET=production
|
||||
SANITY_API_TOKEN= # Optional: for authenticated server-side reads
|
||||
|
||||
# Secret webhook (obtenu via: stripe listen --print-secret)
|
||||
STRIPE_WEBHOOK_SECRET=whsec_...
|
||||
# ── Stripe ────────────────────────────────────────────────────────────────────
|
||||
STRIPE_SECRET_KEY=sk_test_...
|
||||
STRIPE_WEBHOOK_SECRET=whsec_... # stripe listen --print-secret
|
||||
|
||||
# ── App ───────────────────────────────────────────────────────────────────────
|
||||
# URL publique du site (sans slash final)
|
||||
DOMAIN=https://rebours.studio
|
||||
|
||||
# Port du serveur Fastify (dev: 8888, prod: 3000)
|
||||
PORT=3000
|
||||
|
||||
# ── Database ──────────────────────────────────────────────────────────────────
|
||||
# PostgreSQL connection string
|
||||
# Dev: postgresql://rebours:rebours@localhost:5432/rebours
|
||||
# Prod: postgresql://rebours:PASSWORD@postgres:5432/rebours (Coolify internal)
|
||||
DATABASE_URL=postgresql://rebours:rebours@localhost:5432/rebours
|
||||
|
||||
# ── Admin ─────────────────────────────────────────────────────────────────────
|
||||
# Email et mot de passe du compte admin (utilisé par le seed)
|
||||
ADMIN_EMAIL=admin@rebours.studio
|
||||
ADMIN_PASSWORD=changeme
|
||||
|
||||
# Secret pour les cookies de session AdminJS (min 32 caractères)
|
||||
COOKIE_SECRET=change-me-to-a-random-string-at-least-32-chars
|
||||
DOMAIN=http://localhost:4321 # Dev: http://localhost:4321 | Prod: https://rebours.studio
|
||||
PORT=8888 # Dev: 8888 | Prod: 3000
|
||||
|
||||
59
.gitignore
vendored
59
.gitignore
vendored
@ -1,52 +1,27 @@
|
||||
# dependencies (bun install)
|
||||
node_modules
|
||||
# dependencies
|
||||
node_modules/
|
||||
|
||||
# output
|
||||
out
|
||||
dist
|
||||
*.tgz
|
||||
dist/
|
||||
out/
|
||||
|
||||
# code coverage
|
||||
coverage
|
||||
*.lcov
|
||||
|
||||
# logs
|
||||
logs
|
||||
_.log
|
||||
report.[0-9]_.[0-9]_.[0-9]_.[0-9]_.json
|
||||
|
||||
# dotenv environment variable files
|
||||
.env
|
||||
.env.development.local
|
||||
.env.test.local
|
||||
.env.production.local
|
||||
.env.local
|
||||
|
||||
# caches
|
||||
.eslintcache
|
||||
.cache
|
||||
*.tsbuildinfo
|
||||
|
||||
# IntelliJ based IDEs
|
||||
.idea
|
||||
|
||||
# Finder (MacOS) folder config
|
||||
.DS_Store
|
||||
|
||||
# Secrets
|
||||
# env
|
||||
.env
|
||||
.env.*
|
||||
!.env.example
|
||||
|
||||
# SSL certs
|
||||
ssl/
|
||||
# caches
|
||||
.astro/
|
||||
.cache/
|
||||
.eslintcache
|
||||
*.tsbuildinfo
|
||||
|
||||
# Nginx logs volume
|
||||
nginx-logs/
|
||||
# OS
|
||||
.DS_Store
|
||||
|
||||
# Uploaded images (managed via admin)
|
||||
uploads/
|
||||
# logs
|
||||
*.log
|
||||
|
||||
# SQLite database files
|
||||
prisma/*.db
|
||||
prisma/*.db-journal
|
||||
# Sanity Studio
|
||||
sanity/node_modules/
|
||||
sanity/dist/
|
||||
|
||||
263
CLAUDE.md
263
CLAUDE.md
@ -6,31 +6,42 @@
|
||||
rebours/
|
||||
├── src/
|
||||
│ ├── layouts/
|
||||
│ │ └── Base.astro # Layout HTML commun (SEO, fonts, CSS)
|
||||
│ └── pages/
|
||||
│ ├── index.astro # Page principale (hero, collection, newsletter)
|
||||
│ ├── collection/
|
||||
│ │ └── [slug].astro # Pages produits statiques (SSG)
|
||||
│ └── success.astro # Page de confirmation Stripe
|
||||
│ │ └── Base.astro # Layout HTML commun (SEO, fonts, CSS)
|
||||
│ ├── lib/
|
||||
│ │ └── sanity.mjs # Client Sanity + queries + image helper
|
||||
│ ├── pages/
|
||||
│ │ ├── index.astro # Page principale (hero, collection, newsletter)
|
||||
│ │ ├── collection/
|
||||
│ │ │ └── [slug].astro # Pages produits statiques (SSG)
|
||||
│ │ ├── success.astro # Page de confirmation Stripe
|
||||
│ │ ├── robots.txt.ts # robots.txt généré au build
|
||||
│ │ └── sitemap.xml.ts # sitemap.xml généré au build
|
||||
│ └── scripts/
|
||||
│ └── main.js # JS client (cursor CAD, grid, panel, routing, checkout)
|
||||
├── public/
|
||||
│ ├── style.css # CSS global
|
||||
│ ├── main.js # JS client (cursor, grid, panel, routing)
|
||||
│ ├── robots.txt # SEO
|
||||
│ ├── sitemap.xml # SEO
|
||||
│ └── assets/ # Images produits
|
||||
├── server.mjs # Serveur API Fastify (Stripe)
|
||||
├── astro.config.mjs # Config Astro (SSG, proxy dev)
|
||||
├── nginx.conf # Config nginx de référence
|
||||
└── .env # Variables d'environnement (non versionné)
|
||||
│ ├── style.css # CSS global
|
||||
│ └── assets/ # Images statiques (fallback), favicon, son ambiant
|
||||
├── sanity/ # Sanity Studio (projet séparé)
|
||||
│ ├── sanity.config.ts
|
||||
│ ├── sanity.cli.ts
|
||||
│ └── schemas/
|
||||
│ ├── product.ts # Schéma produit
|
||||
│ └── index.ts
|
||||
├── server.mjs # Serveur API Fastify (Stripe uniquement)
|
||||
├── astro.config.mjs # Config Astro (SSG, proxy dev)
|
||||
├── nginx.conf # Config nginx de référence
|
||||
└── .env # Variables d'environnement (non versionné)
|
||||
```
|
||||
|
||||
## Stack
|
||||
|
||||
| Couche | Techno |
|
||||
|--------|--------|
|
||||
| Front (SSG) | Astro + HTML/CSS/JS vanilla |
|
||||
| Front (SSG) | Astro + HTML/CSS/JS vanilla + GSAP |
|
||||
| CMS | Sanity (headless, hébergé) |
|
||||
| API | Fastify (Node.js) |
|
||||
| Paiement | Stripe Checkout |
|
||||
| Paiement | Stripe Checkout (price_data inline) |
|
||||
| Images | Sanity CDN (avec transformations) |
|
||||
| Reverse proxy | Nginx |
|
||||
| Hébergement | VPS (Debian) |
|
||||
| Fonts | Space Mono (Google Fonts) |
|
||||
@ -40,20 +51,23 @@ rebours/
|
||||
## Développement local
|
||||
|
||||
### Prérequis
|
||||
- Node.js ≥ 18
|
||||
- Node.js >= 18
|
||||
- Un compte Sanity avec un projet créé
|
||||
- Un fichier `.env` à la racine (voir `.env.example`)
|
||||
|
||||
### Variables d'environnement (.env)
|
||||
```env
|
||||
SANITY_PROJECT_ID=your_project_id
|
||||
SANITY_DATASET=production
|
||||
SANITY_API_TOKEN= # Optionnel
|
||||
|
||||
STRIPE_SECRET_KEY=sk_test_...
|
||||
STRIPE_WEBHOOK_SECRET=whsec_...
|
||||
|
||||
DOMAIN=http://localhost:4321
|
||||
PORT=8888
|
||||
```
|
||||
|
||||
> En dev, le serveur Fastify tourne sur le port **8888** (pour ne pas entrer en conflit avec d'autres services).
|
||||
> Le proxy Vite dans `astro.config.mjs` redirige `/api/*` → `http://127.0.0.1:8888`.
|
||||
|
||||
### Lancer le projet
|
||||
```bash
|
||||
npm install
|
||||
@ -61,9 +75,19 @@ npm run dev
|
||||
```
|
||||
|
||||
Cela lance en parallèle (via `concurrently`) :
|
||||
- `astro dev` → http://localhost:4321
|
||||
- `astro dev` sur http://localhost:4321
|
||||
- `node --watch server.mjs` (mode dev, PORT=8888)
|
||||
|
||||
Le proxy Vite dans `astro.config.mjs` redirige `/api/*` vers `http://127.0.0.1:8888`.
|
||||
|
||||
### Sanity Studio
|
||||
```bash
|
||||
cd sanity
|
||||
npm install
|
||||
npx sanity dev
|
||||
```
|
||||
Accessible sur http://localhost:3333
|
||||
|
||||
### Build
|
||||
```bash
|
||||
npm run build
|
||||
@ -72,170 +96,109 @@ npm run build
|
||||
|
||||
---
|
||||
|
||||
## CMS — Sanity
|
||||
|
||||
### Accès
|
||||
- Studio local : `npx sanity dev`
|
||||
- Studio déployé : `npx sanity deploy`
|
||||
- Dashboard : https://www.sanity.io/manage
|
||||
|
||||
### Schéma Produit
|
||||
Champs principaux :
|
||||
- **name** : Nom technique (Solar_Altar)
|
||||
- **productDisplayName** : Nom affiché (Solar Altar)
|
||||
- **slug** : Auto-généré depuis le nom
|
||||
- **image** : Image avec hotspot + texte alt
|
||||
- **price** : En centimes (180000 = 1 800 EUR). Vide = non disponible
|
||||
- **isPublished** : Toggle pour masquer sans supprimer
|
||||
|
||||
### Ajouter un produit
|
||||
1. Ouvrir Sanity Studio
|
||||
2. Créer un nouveau document "Produit"
|
||||
3. Remplir les champs, uploader l'image
|
||||
4. Publier
|
||||
5. Rebuild le site : `npm run build` + déployer
|
||||
|
||||
### Images
|
||||
Les images sont servies via le CDN Sanity avec transformations automatiques.
|
||||
|
||||
---
|
||||
|
||||
## Stripe
|
||||
|
||||
### Architecture
|
||||
Le checkout utilise `price_data` inline — pas de prix pré-créés dans Stripe.
|
||||
Quand un client clique "Commander" :
|
||||
1. Le front envoie le slug du produit à `/api/checkout`
|
||||
2. Le serveur fetch le produit depuis Sanity (prix, nom, image)
|
||||
3. Le serveur crée une session Stripe Checkout avec `price_data`
|
||||
4. Le client est redirigé vers Stripe
|
||||
5. Après paiement : `/success?session_id=...`
|
||||
|
||||
### Endpoints API
|
||||
| Route | Méthode | Description |
|
||||
|-------|---------|-------------|
|
||||
| `/api/checkout` | POST | Crée une session Stripe Checkout |
|
||||
| `/api/session/:id` | GET | Vérifie le statut d'une session |
|
||||
| `/api/webhook` | POST | Reçoit les événements Stripe |
|
||||
| `/api/health` | GET | Health check |
|
||||
|
||||
### Configuration
|
||||
- Test : clés `sk_test_...` dans `.env`
|
||||
- Prod : clés `sk_live_...` dans `.env` sur le serveur
|
||||
- Webhook : `https://rebours.studio/api/webhook`
|
||||
|
||||
---
|
||||
|
||||
## Production
|
||||
|
||||
### Serveur : ordinarthur@10.10.0.13
|
||||
|
||||
### Architecture prod
|
||||
```
|
||||
Internet → Nginx (port 80) → /var/www/html/rebours/dist/ (fichiers statiques)
|
||||
→ /api/* → proxy → Fastify :3000
|
||||
Internet -> Nginx (port 80) -> /var/www/html/rebours/dist/ (statiques)
|
||||
-> /api/* -> proxy -> Fastify :3000
|
||||
```
|
||||
|
||||
### Chemins importants sur le serveur
|
||||
| Quoi | Où |
|
||||
|------|----|
|
||||
| Fichiers web | `/var/www/html/rebours/dist/` |
|
||||
| Projet complet | `/var/www/html/rebours/` |
|
||||
| Config nginx | `/etc/nginx/sites-available/rebours` |
|
||||
| Service systemd | `rebours.service` |
|
||||
| Logs | `journalctl -u rebours -f` |
|
||||
|
||||
### Variables d'environnement en prod
|
||||
Le fichier `.env` est dans `/var/www/html/rebours/.env` :
|
||||
```env
|
||||
SANITY_PROJECT_ID=...
|
||||
SANITY_DATASET=production
|
||||
STRIPE_SECRET_KEY=sk_live_...
|
||||
STRIPE_WEBHOOK_SECRET=whsec_...
|
||||
DOMAIN=https://rebours.studio
|
||||
PORT=3000
|
||||
```
|
||||
|
||||
### Service systemd
|
||||
Le serveur Fastify est géré par systemd :
|
||||
```bash
|
||||
sudo systemctl status rebours
|
||||
sudo systemctl restart rebours
|
||||
sudo systemctl stop rebours
|
||||
journalctl -u rebours -f # logs en temps réel
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Déploiement (mise à jour du site)
|
||||
|
||||
### 1. Build en local
|
||||
### Déploiement
|
||||
```bash
|
||||
npm run build
|
||||
# Génère ./dist/
|
||||
```
|
||||
|
||||
### 2. Envoyer les fichiers sur le serveur
|
||||
|
||||
Les fichiers statiques Astro :
|
||||
```bash
|
||||
scp -r dist/* ordinarthur@10.10.0.13:/tmp/rebours-dist/
|
||||
ssh ordinarthur@10.10.0.13 "sudo cp -r /tmp/rebours-dist/* /var/www/html/rebours/dist/"
|
||||
```
|
||||
|
||||
Si le server.mjs a changé :
|
||||
Si server.mjs a changé :
|
||||
```bash
|
||||
scp server.mjs ordinarthur@10.10.0.13:/tmp/server.mjs
|
||||
ssh ordinarthur@10.10.0.13 "sudo cp /tmp/server.mjs /var/www/html/rebours/server.mjs && sudo systemctl restart rebours"
|
||||
```
|
||||
|
||||
### 3. Vérifier
|
||||
```bash
|
||||
ssh ordinarthur@10.10.0.13 "sudo nginx -t && sudo systemctl status rebours"
|
||||
```
|
||||
|
||||
### Permissions (si problème 403 nginx)
|
||||
```bash
|
||||
ssh ordinarthur@10.10.0.13 "sudo chown -R www-data:www-data /var/www/html/rebours/dist"
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Nginx — référence
|
||||
|
||||
Le fichier `nginx.conf` à la racine du projet est la config de **référence**.
|
||||
La config réelle sur le serveur est dans `/etc/nginx/sites-available/rebours`.
|
||||
|
||||
Pour mettre à jour la config nginx :
|
||||
```bash
|
||||
scp nginx.conf ordinarthur@10.10.0.13:/tmp/nginx-rebours.conf
|
||||
ssh ordinarthur@10.10.0.13 "sudo cp /tmp/nginx-rebours.conf /etc/nginx/sites-available/rebours && sudo nginx -t && sudo systemctl reload nginx"
|
||||
```
|
||||
|
||||
Points clés de la config :
|
||||
- `root /var/www/html/rebours/dist` → fichiers statiques Astro
|
||||
- `try_files $uri $uri/ $uri.html /index.html` → SPA fallback pour les routes Astro
|
||||
- `/api/` → proxy vers Fastify sur `127.0.0.1:3000`
|
||||
- HTML : `no-store` (jamais caché)
|
||||
- CSS/JS/assets : `immutable` (hash dans le nom de fichier, cache 1 an)
|
||||
|
||||
---
|
||||
|
||||
## Routing
|
||||
|
||||
Le routing est hybride :
|
||||
|
||||
| URL | Comportement |
|
||||
|-----|-------------|
|
||||
| `/` | Page principale Astro |
|
||||
| `/collection/lumiere-orbitale` | Page Astro SSG générée statiquement, ouvre le panel auto via `window.__OPEN_PANEL__` |
|
||||
| `/collection/table-terrazzo` | idem |
|
||||
| `/collection/module-serie` | idem |
|
||||
| `/` | Page principale Astro (SSG) |
|
||||
| `/collection/{slug}` | Page produit (SSG), auto-open panel via `window.__OPEN_PANEL__` |
|
||||
| `/success?session_id=...` | Page de confirmation Stripe |
|
||||
|
||||
Quand on clique sur une carte produit depuis le navigateur (sans refresh) :
|
||||
- Le panel s'ouvre
|
||||
- `history.pushState` change l'URL → `/collection/{slug}`
|
||||
- Le bouton retour du navigateur ferme le panel et revient à `/`
|
||||
|
||||
Quand on arrive directement sur `/collection/{slug}` (lien partagé, refresh) :
|
||||
- Astro sert la page statique correspondante
|
||||
- Un script inline lit `<meta name="x-open-panel">` et set `window.__OPEN_PANEL__`
|
||||
- `main.js` lit `window.__OPEN_PANEL__` au DOMContentLoaded et ouvre le bon panel
|
||||
|
||||
---
|
||||
|
||||
## Ajouter un produit
|
||||
|
||||
### 1. Ajouter la carte dans `src/pages/index.astro` et `src/pages/collection/[slug].astro`
|
||||
Copier un `<article class="product-card">` existant et modifier les `data-*`.
|
||||
|
||||
### 2. Ajouter le slug dans `[slug].astro`
|
||||
Dans `getStaticPaths()`, ajouter une entrée dans le tableau `PRODUCTS` :
|
||||
```js
|
||||
{
|
||||
slug: 'mon-nouveau-produit',
|
||||
name: 'MON_PRODUIT',
|
||||
title: 'REBOURS — Mon Produit | Collection 001',
|
||||
description: 'Description pour le SEO.',
|
||||
ogImage: 'https://rebours.studio/assets/mon-produit.jpg',
|
||||
},
|
||||
```
|
||||
|
||||
### 3. Ajouter l'image dans `public/assets/`
|
||||
Format recommandé : JPG 1024×1024, < 300 Ko.
|
||||
|
||||
### 4. Ajouter le prix Stripe dans `server.mjs`
|
||||
```js
|
||||
const PRODUCTS = {
|
||||
lumiere_orbitale: { price_id: 'price_xxx' },
|
||||
mon_nouveau_produit: { price_id: 'price_yyy' }, // ← ajouter
|
||||
}
|
||||
```
|
||||
|
||||
### 5. Rebuild et déployer
|
||||
```bash
|
||||
npm run build
|
||||
# puis déployer (voir section Déploiement)
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Stripe
|
||||
|
||||
- **Test** : utiliser les clés `sk_test_...` dans `.env`
|
||||
- **Prod** : utiliser les clés `sk_live_...` dans `.env` sur le serveur
|
||||
- La redirection après paiement va vers `${DOMAIN}/success?session_id=...`
|
||||
- Le webhook Stripe doit pointer vers `https://rebours.studio/api/webhook`
|
||||
- Le `STRIPE_WEBHOOK_SECRET` correspond au secret généré dans le dashboard Stripe pour ce webhook
|
||||
| `/robots.txt` | Généré au build |
|
||||
| `/sitemap.xml` | Généré au build depuis Sanity |
|
||||
|
||||
---
|
||||
|
||||
## Fichiers à ne jamais versionner
|
||||
- `.env` (clés Stripe, secrets)
|
||||
- `.env`
|
||||
- `node_modules/`
|
||||
- `dist/` (généré par le build)
|
||||
- `dist/`
|
||||
- `sanity/node_modules/`
|
||||
|
||||
202
DEPLOY.md
202
DEPLOY.md
@ -1,202 +0,0 @@
|
||||
# REBOURS — Guide de déploiement
|
||||
|
||||
## Architecture
|
||||
|
||||
```
|
||||
Internet → Traefik (Coolify, SSL auto)
|
||||
├── /api/*, /admin/* → Fastify (Node.js + AdminJS)
|
||||
│ └── PostgreSQL
|
||||
└── /* → Nginx (fichiers statiques Astro)
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Environnement de développement
|
||||
|
||||
### Prérequis
|
||||
- Node.js >= 22
|
||||
- Docker (pour PostgreSQL local)
|
||||
- pnpm
|
||||
|
||||
### 1. Lancer PostgreSQL
|
||||
|
||||
```bash
|
||||
docker compose up -d
|
||||
```
|
||||
|
||||
PostgreSQL sera accessible sur `localhost:5432` avec :
|
||||
- DB: `rebours`
|
||||
- User: `rebours`
|
||||
- Password: `rebours`
|
||||
|
||||
### 2. Configurer le `.env`
|
||||
|
||||
```bash
|
||||
cp .env.example .env
|
||||
# Éditer les valeurs (Stripe keys, etc.)
|
||||
```
|
||||
|
||||
Variables dev minimales :
|
||||
```env
|
||||
STRIPE_SECRET_KEY=sk_test_...
|
||||
STRIPE_WEBHOOK_SECRET=whsec_...
|
||||
DOMAIN=http://localhost:4321
|
||||
PORT=8888
|
||||
DATABASE_URL=postgresql://rebours:rebours@localhost:5432/rebours
|
||||
ADMIN_EMAIL=admin@rebours.studio
|
||||
ADMIN_PASSWORD=changeme
|
||||
COOKIE_SECRET=dev-cookie-secret-at-least-32-characters-long
|
||||
```
|
||||
|
||||
### 3. Initialiser la base de données
|
||||
|
||||
```bash
|
||||
# Première fois : créer les tables
|
||||
pnpm db:migrate
|
||||
|
||||
# Insérer les produits et le compte admin
|
||||
pnpm db:seed
|
||||
```
|
||||
|
||||
### 4. Lancer le projet
|
||||
|
||||
```bash
|
||||
pnpm dev
|
||||
```
|
||||
|
||||
- Site : http://localhost:4321
|
||||
- Admin : http://localhost:4321/admin (proxié vers Fastify :8888)
|
||||
- Prisma Studio : `pnpm db:studio` → http://localhost:5555
|
||||
|
||||
### Commandes utiles
|
||||
|
||||
| Commande | Description |
|
||||
|----------|-------------|
|
||||
| `pnpm dev` | Astro dev + Fastify (hot reload) |
|
||||
| `pnpm build` | Build statique (prisma generate + astro build) |
|
||||
| `pnpm db:migrate` | Créer/appliquer les migrations |
|
||||
| `pnpm db:seed` | Seeder les produits + admin |
|
||||
| `pnpm db:studio` | Prisma Studio (UI pour la DB) |
|
||||
| `docker compose up -d` | Lancer PostgreSQL local |
|
||||
| `docker compose down` | Stopper PostgreSQL local |
|
||||
|
||||
---
|
||||
|
||||
## Déploiement sur Coolify
|
||||
|
||||
### Prérequis
|
||||
- Un serveur avec Coolify installé
|
||||
- Un domaine pointant vers le serveur (rebours.studio)
|
||||
|
||||
### 1. Créer la ressource sur Coolify
|
||||
|
||||
1. **New Resource** → **Docker Compose**
|
||||
2. **Source** : connecter le repo Git
|
||||
3. **Compose file** : sélectionner `docker-compose.prod.yml`
|
||||
|
||||
### 2. Configurer les variables d'environnement
|
||||
|
||||
Dans l'onglet **Environment Variables** de Coolify, ajouter :
|
||||
|
||||
| Variable | Valeur | Build Variable ? |
|
||||
|----------|--------|:---:|
|
||||
| `DATABASE_URL` | `postgresql://rebours:MOT_DE_PASSE@postgres:5432/rebours` | Oui |
|
||||
| `POSTGRES_PASSWORD` | `MOT_DE_PASSE` (même que dans DATABASE_URL) | Non |
|
||||
| `STRIPE_SECRET_KEY` | `sk_live_...` | Non |
|
||||
| `STRIPE_WEBHOOK_SECRET` | `whsec_...` | Non |
|
||||
| `DOMAIN` | `https://rebours.studio` | Non |
|
||||
| `PORT` | `3000` | Non |
|
||||
| `ADMIN_EMAIL` | `admin@rebours.studio` | Non |
|
||||
| `ADMIN_PASSWORD` | `MOT_DE_PASSE_ADMIN` | Non |
|
||||
| `COOKIE_SECRET` | Chaîne aléatoire 64 chars | Non |
|
||||
|
||||
> `DATABASE_URL` doit être coché **Build Variable** car `astro build` en a besoin pour requêter les produits au build time.
|
||||
|
||||
### 3. Configurer les domaines
|
||||
|
||||
Dans l'onglet **Domains** :
|
||||
- Service `nginx` : `rebours.studio` (port 80)
|
||||
- Service `fastify` : `rebours.studio` (port 3000)
|
||||
|
||||
Coolify générera automatiquement les labels Traefik. Si tu utilises les labels du `docker-compose.prod.yml`, assure-toi qu'ils ne sont pas en conflit avec ceux générés par Coolify.
|
||||
|
||||
### 4. Déployer
|
||||
|
||||
Cliquer **Deploy**. Coolify va :
|
||||
1. Builder l'image Docker (install deps + prisma generate + astro build)
|
||||
2. Démarrer PostgreSQL + attendre le healthcheck
|
||||
3. Démarrer Fastify (qui lance `prisma migrate deploy` automatiquement)
|
||||
4. Démarrer Nginx (qui sert les fichiers statiques)
|
||||
|
||||
### 5. Seeder la base (première fois)
|
||||
|
||||
Après le premier déploiement, exécuter le seed dans le container Fastify :
|
||||
|
||||
```bash
|
||||
# Via Coolify terminal ou SSH
|
||||
docker exec -it <container-fastify> sh -c "node prisma/seed.mjs"
|
||||
```
|
||||
|
||||
Ou dans le terminal Coolify du service `fastify` :
|
||||
```bash
|
||||
node prisma/seed.mjs
|
||||
```
|
||||
|
||||
### 6. Vérifier
|
||||
|
||||
- Site : https://rebours.studio
|
||||
- Admin : https://rebours.studio/admin
|
||||
- Login avec `ADMIN_EMAIL` / `ADMIN_PASSWORD`
|
||||
|
||||
---
|
||||
|
||||
## Fonctionnement de l'auto-build
|
||||
|
||||
Quand tu modifies un produit dans l'admin (`/admin`) :
|
||||
1. AdminJS sauvegarde en DB (PostgreSQL)
|
||||
2. Un hook `after` déclenche `pnpm build` (debounce 5s)
|
||||
3. Astro rebuild les pages statiques depuis la DB
|
||||
4. Les fichiers `dist/` sont écrits dans le volume partagé
|
||||
5. Nginx sert les nouvelles pages immédiatement
|
||||
|
||||
> En dev (`NODE_ENV !== production`), le build auto est désactivé.
|
||||
|
||||
---
|
||||
|
||||
## Stripe
|
||||
|
||||
### Webhook en production
|
||||
|
||||
Le webhook doit pointer vers :
|
||||
```
|
||||
https://rebours.studio/api/webhook
|
||||
```
|
||||
|
||||
Events écoutés : `checkout.session.completed`
|
||||
|
||||
### Ajouter un produit achetable
|
||||
|
||||
1. Créer le prix dans le **Dashboard Stripe**
|
||||
2. Dans l'admin `/admin` → Products → éditer le produit
|
||||
3. Remplir `stripePriceId` avec le `price_xxx` de Stripe
|
||||
4. Remplir `stripeKey` avec l'identifiant utilisé par le front (ex: `mon_produit`)
|
||||
5. Le rebuild auto mettra à jour le site
|
||||
|
||||
---
|
||||
|
||||
## Migrations DB
|
||||
|
||||
### En dev
|
||||
```bash
|
||||
pnpm db:migrate
|
||||
```
|
||||
|
||||
### En prod (automatique)
|
||||
Le `CMD` du Dockerfile exécute `prisma migrate deploy` au démarrage du container. Les nouvelles migrations sont appliquées automatiquement à chaque déploiement.
|
||||
|
||||
### Ajouter une migration manuellement
|
||||
```bash
|
||||
# Modifier prisma/schema.prisma puis :
|
||||
pnpm db:migrate
|
||||
# Commit le dossier prisma/migrations/
|
||||
```
|
||||
22
Dockerfile
22
Dockerfile
@ -1,22 +0,0 @@
|
||||
# ── Install dependencies ─────────────────────────────────────────────────────
|
||||
FROM node:22-alpine AS deps
|
||||
RUN corepack enable && corepack prepare pnpm@latest --activate
|
||||
WORKDIR /app
|
||||
COPY package.json pnpm-lock.yaml ./
|
||||
COPY prisma ./prisma/
|
||||
RUN pnpm install --frozen-lockfile
|
||||
|
||||
# ── Production ───────────────────────────────────────────────────────────────
|
||||
FROM node:22-alpine
|
||||
RUN corepack enable && corepack prepare pnpm@latest --activate
|
||||
WORKDIR /app
|
||||
ENV NODE_ENV=production
|
||||
|
||||
COPY --from=deps /app/node_modules ./node_modules
|
||||
COPY . .
|
||||
RUN pnpm prisma generate
|
||||
|
||||
EXPOSE 3001
|
||||
|
||||
# Build Astro (needs DB) then start Fastify API
|
||||
CMD ["sh", "-c", "pnpm prisma migrate deploy && pnpm build && node server.mjs"]
|
||||
15
README.md
15
README.md
@ -1,15 +0,0 @@
|
||||
# rebours
|
||||
|
||||
To install dependencies:
|
||||
|
||||
```bash
|
||||
bun install
|
||||
```
|
||||
|
||||
To run:
|
||||
|
||||
```bash
|
||||
bun run
|
||||
```
|
||||
|
||||
This project was created using `bun init` in bun v1.3.9. [Bun](https://bun.com) is a fast all-in-one JavaScript runtime.
|
||||
307
admin.mjs
307
admin.mjs
@ -1,307 +0,0 @@
|
||||
import AdminJS, { ComponentLoader } from 'adminjs'
|
||||
import AdminJSFastify from '@adminjs/fastify'
|
||||
import { Database, Resource, getModelByName } from '@adminjs/prisma'
|
||||
import uploadFeature from '@adminjs/upload'
|
||||
import bcrypt from 'bcrypt'
|
||||
import Stripe from 'stripe'
|
||||
import path from 'path'
|
||||
import { exec } from 'child_process'
|
||||
import { prisma } from './src/lib/db.mjs'
|
||||
|
||||
AdminJS.registerAdapter({ Database, Resource })
|
||||
|
||||
const componentLoader = new ComponentLoader()
|
||||
|
||||
const stripe = process.env.STRIPE_SECRET_KEY
|
||||
? new Stripe(process.env.STRIPE_SECRET_KEY)
|
||||
: null
|
||||
|
||||
const DOMAIN = process.env.DOMAIN ?? 'https://rebours.studio'
|
||||
const UPLOADS_DIR = path.resolve('uploads')
|
||||
|
||||
// ── Auto-build (prod only) ──────────────────────────────────────────────────
|
||||
let buildTimeout = null
|
||||
let buildInProgress = false
|
||||
|
||||
function triggerBuild() {
|
||||
if (process.env.NODE_ENV !== 'production') {
|
||||
console.log('[admin] Dev mode — skipping build')
|
||||
return
|
||||
}
|
||||
if (buildTimeout) clearTimeout(buildTimeout)
|
||||
buildTimeout = setTimeout(() => {
|
||||
if (buildInProgress) return
|
||||
buildInProgress = true
|
||||
console.log('[admin] Building site...')
|
||||
exec('pnpm build', { cwd: process.cwd(), timeout: 120_000 }, (err, stdout, stderr) => {
|
||||
buildInProgress = false
|
||||
if (err) console.error('[admin] Build FAILED:', stderr)
|
||||
else console.log('[admin] Build OK')
|
||||
})
|
||||
}, 5_000)
|
||||
}
|
||||
|
||||
const afterBuildHook = async (response) => { triggerBuild(); return response }
|
||||
|
||||
// ── Stripe price sync after product edit ─────────────────────────────────────
|
||||
async function syncPriceToStripe(response) {
|
||||
if (!stripe) return response
|
||||
|
||||
const product = await prisma.product.findUnique({
|
||||
where: { id: response.record.params.id },
|
||||
})
|
||||
if (!product) return response
|
||||
|
||||
const priceCents = product.price
|
||||
const currency = (product.currency || 'EUR').toLowerCase()
|
||||
const slug = product.slug
|
||||
|
||||
try {
|
||||
// 1. Find or create Stripe product by metadata.slug
|
||||
let stripeProduct = null
|
||||
const existing = await stripe.products.search({ query: `metadata["slug"]:"${slug}"` })
|
||||
if (existing.data.length > 0) {
|
||||
stripeProduct = existing.data[0]
|
||||
await stripe.products.update(stripeProduct.id, {
|
||||
name: product.productDisplayName,
|
||||
description: product.description,
|
||||
images: product.ogImage ? [product.ogImage] : undefined,
|
||||
active: true,
|
||||
})
|
||||
} else if (priceCents) {
|
||||
stripeProduct = await stripe.products.create({
|
||||
name: product.productDisplayName,
|
||||
description: product.description,
|
||||
images: product.ogImage ? [product.ogImage] : [],
|
||||
metadata: { slug, stripeKey: product.stripeKey || slug, dbId: product.id },
|
||||
})
|
||||
console.log(`[stripe] Product created: ${stripeProduct.id}`)
|
||||
}
|
||||
|
||||
if (!stripeProduct) return response
|
||||
|
||||
// 2. If price is null, archive old price and clear DB
|
||||
if (!priceCents) {
|
||||
if (product.stripePriceId) {
|
||||
await stripe.prices.update(product.stripePriceId, { active: false })
|
||||
await prisma.product.update({ where: { id: product.id }, data: { stripePriceId: null } })
|
||||
console.log(`[stripe] Price archived (product has no price now)`)
|
||||
}
|
||||
return response
|
||||
}
|
||||
|
||||
// 3. Check if current Stripe price matches
|
||||
if (product.stripePriceId) {
|
||||
try {
|
||||
const currentPrice = await stripe.prices.retrieve(product.stripePriceId)
|
||||
if (currentPrice.unit_amount === priceCents && currentPrice.currency === currency && currentPrice.active) {
|
||||
return response
|
||||
}
|
||||
await stripe.prices.update(product.stripePriceId, { active: false })
|
||||
console.log(`[stripe] Old price archived: ${product.stripePriceId}`)
|
||||
} catch {
|
||||
// Old price doesn't exist, continue
|
||||
}
|
||||
}
|
||||
|
||||
// 4. Create new price
|
||||
const newPrice = await stripe.prices.create({
|
||||
product: stripeProduct.id,
|
||||
unit_amount: priceCents,
|
||||
currency,
|
||||
metadata: { slug, dbId: product.id },
|
||||
})
|
||||
console.log(`[stripe] New price created: ${newPrice.id} (${priceCents / 100} ${currency.toUpperCase()})`)
|
||||
|
||||
// 5. Update DB
|
||||
await prisma.product.update({
|
||||
where: { id: product.id },
|
||||
data: { stripePriceId: newPrice.id },
|
||||
})
|
||||
} catch (err) {
|
||||
console.error(`[stripe] Sync error for ${slug}:`, err.message)
|
||||
}
|
||||
|
||||
return response
|
||||
}
|
||||
|
||||
// ── Auto-compute fields after save ───────────────────────────────────────────
|
||||
async function autoComputeFields(response) {
|
||||
const id = response.record.params.id
|
||||
const product = await prisma.product.findUnique({ where: { id } })
|
||||
if (!product) return response
|
||||
|
||||
const updates = {}
|
||||
|
||||
// Auto-generate slug from name if empty
|
||||
if (!product.slug || product.slug === '') {
|
||||
updates.slug = product.name
|
||||
.toLowerCase()
|
||||
.normalize('NFD').replace(/[\u0300-\u036f]/g, '')
|
||||
.replace(/_/g, '-')
|
||||
.replace(/[^a-z0-9-]/g, '')
|
||||
}
|
||||
|
||||
// Auto-set stripeKey from slug
|
||||
if (!product.stripeKey) {
|
||||
const slug = updates.slug || product.slug
|
||||
updates.stripeKey = slug.replace(/-/g, '_')
|
||||
}
|
||||
|
||||
// Auto-set imagePath and ogImage from uploaded image
|
||||
if (product.imageKey) {
|
||||
const newImagePath = `/uploads/${product.imageKey}`
|
||||
if (product.imagePath !== newImagePath) {
|
||||
updates.imagePath = newImagePath
|
||||
updates.ogImage = `${DOMAIN}/uploads/${product.imageKey}`
|
||||
}
|
||||
}
|
||||
|
||||
// Auto-generate seoTitle if empty
|
||||
if (!product.seoTitle || product.seoTitle === '') {
|
||||
updates.seoTitle = `REBOURS — ${product.productDisplayName || product.name} | Collection 001`
|
||||
}
|
||||
|
||||
// Auto-generate seoDescription if empty
|
||||
if (!product.seoDescription || product.seoDescription === '') {
|
||||
updates.seoDescription = product.description
|
||||
? product.description.substring(0, 155) + '...'
|
||||
: `${product.productDisplayName} — Pièce unique fabriquée à Paris. REBOURS Studio.`
|
||||
}
|
||||
|
||||
if (Object.keys(updates).length > 0) {
|
||||
const updated = await prisma.product.update({ where: { id }, data: updates })
|
||||
// Reflect updates in AdminJS response
|
||||
for (const [key, val] of Object.entries(updates)) {
|
||||
response.record.params[key] = val
|
||||
}
|
||||
console.log(`[admin] Auto-computed fields for ${product.name}:`, Object.keys(updates).join(', '))
|
||||
}
|
||||
|
||||
return response
|
||||
}
|
||||
|
||||
// ── AdminJS setup ───────────────────────────────────────────────────────────
|
||||
export async function setupAdmin(app) {
|
||||
const admin = new AdminJS({
|
||||
rootPath: '/admin',
|
||||
componentLoader,
|
||||
resources: [
|
||||
{
|
||||
resource: { model: getModelByName('Product'), client: prisma },
|
||||
options: {
|
||||
navigation: { name: 'Contenu', icon: 'Package' },
|
||||
listProperties: ['sortOrder', 'name', 'type', 'price', 'isPublished', 'updatedAt'],
|
||||
editProperties: [
|
||||
'imageUpload',
|
||||
'name', 'productDisplayName', 'slug',
|
||||
'sortOrder', 'index', 'type', 'materials',
|
||||
'year', 'status', 'description', 'specs', 'notes',
|
||||
'imageAlt',
|
||||
'seoTitle', 'seoDescription',
|
||||
'price', 'currency', 'availability',
|
||||
'isPublished',
|
||||
],
|
||||
showProperties: [
|
||||
'name', 'productDisplayName', 'slug',
|
||||
'imagePath', 'imageAlt', 'ogImage',
|
||||
'index', 'type', 'materials', 'year', 'status',
|
||||
'description', 'specs', 'notes',
|
||||
'seoTitle', 'seoDescription',
|
||||
'price', 'currency', 'availability',
|
||||
'stripePriceId', 'stripeKey', 'isPublished',
|
||||
'createdAt', 'updatedAt',
|
||||
],
|
||||
properties: {
|
||||
description: { type: 'textarea' },
|
||||
specs: { type: 'textarea' },
|
||||
notes: { type: 'textarea' },
|
||||
seoDescription: { type: 'textarea' },
|
||||
price: {
|
||||
description: 'Prix en centimes (ex: 180000 = 1800€). Laisser vide = non disponible.',
|
||||
},
|
||||
slug: {
|
||||
description: 'Auto-généré depuis le nom si vide.',
|
||||
},
|
||||
seoTitle: {
|
||||
description: 'Auto-généré si vide.',
|
||||
},
|
||||
seoDescription: {
|
||||
description: 'Auto-généré depuis la description si vide.',
|
||||
},
|
||||
// Hide technical fields from edit
|
||||
imagePath: { isVisible: { edit: false, new: false, list: false, show: true } },
|
||||
ogImage: { isVisible: { edit: false, new: false, list: false, show: true } },
|
||||
stripePriceId: { isVisible: { edit: false, new: false, list: false, show: true } },
|
||||
stripeKey: { isVisible: { edit: false, new: false, list: false, show: true } },
|
||||
imageKey: { isVisible: false },
|
||||
imageMime: { isVisible: false },
|
||||
},
|
||||
actions: {
|
||||
new: { after: [autoComputeFields, syncPriceToStripe, afterBuildHook] },
|
||||
edit: { after: [autoComputeFields, syncPriceToStripe, afterBuildHook] },
|
||||
delete: { after: [afterBuildHook] },
|
||||
},
|
||||
},
|
||||
features: [
|
||||
uploadFeature({
|
||||
componentLoader,
|
||||
provider: {
|
||||
local: { bucket: UPLOADS_DIR },
|
||||
},
|
||||
properties: {
|
||||
key: 'imageKey',
|
||||
mimeType: 'imageMime',
|
||||
file: 'imageUpload',
|
||||
},
|
||||
validation: {
|
||||
mimeTypes: ['image/jpeg', 'image/png', 'image/webp'],
|
||||
maxSize: 5 * 1024 * 1024, // 5 MB
|
||||
},
|
||||
}),
|
||||
],
|
||||
},
|
||||
{
|
||||
resource: { model: getModelByName('Order'), client: prisma },
|
||||
options: {
|
||||
navigation: { name: 'Commerce', icon: 'CreditCard' },
|
||||
listProperties: ['stripeSessionId', 'status', 'amount', 'customerEmail', 'productSlug', 'createdAt'],
|
||||
actions: {
|
||||
new: { isAccessible: false },
|
||||
edit: { isAccessible: false },
|
||||
delete: { isAccessible: false },
|
||||
},
|
||||
},
|
||||
},
|
||||
],
|
||||
branding: {
|
||||
companyName: 'REBOURS Studio',
|
||||
logo: false,
|
||||
withMadeWithLove: false,
|
||||
},
|
||||
})
|
||||
|
||||
await AdminJSFastify.buildAuthenticatedRouter(
|
||||
admin,
|
||||
{
|
||||
authenticate: async (email, password) => {
|
||||
const user = await prisma.adminUser.findUnique({ where: { email } })
|
||||
if (!user) return null
|
||||
const valid = await bcrypt.compare(password, user.passwordHash)
|
||||
return valid ? { email: user.email, id: user.id } : null
|
||||
},
|
||||
cookiePassword: process.env.COOKIE_SECRET ?? 'super-secret-cookie-password-at-least-32-chars',
|
||||
cookieName: 'adminjs',
|
||||
},
|
||||
app,
|
||||
{
|
||||
saveUninitialized: false,
|
||||
cookie: {
|
||||
httpOnly: true,
|
||||
secure: process.env.NODE_ENV === 'production',
|
||||
},
|
||||
}
|
||||
)
|
||||
|
||||
return admin
|
||||
}
|
||||
@ -9,11 +9,6 @@ export default defineConfig({
|
||||
server: {
|
||||
proxy: {
|
||||
'/api': 'http://127.0.0.1:8888',
|
||||
'/admin': 'http://127.0.0.1:8888',
|
||||
'/uploads': {
|
||||
target: 'http://127.0.0.1:8888',
|
||||
rewrite: (p) => p,
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
72
bun.lock
72
bun.lock
@ -1,72 +0,0 @@
|
||||
{
|
||||
"lockfileVersion": 1,
|
||||
"configVersion": 1,
|
||||
"workspaces": {
|
||||
"": {
|
||||
"name": "rebours",
|
||||
"dependencies": {
|
||||
"@elysiajs/cors": "^1.4.1",
|
||||
"@elysiajs/static": "^1.4.7",
|
||||
"elysia": "^1.4.25",
|
||||
"stripe": "^20.3.1",
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/bun": "latest",
|
||||
},
|
||||
"peerDependencies": {
|
||||
"typescript": "^5",
|
||||
},
|
||||
},
|
||||
},
|
||||
"packages": {
|
||||
"@borewit/text-codec": ["@borewit/text-codec@0.2.1", "", {}, "sha512-k7vvKPbf7J2fZ5klGRD9AeKfUvojuZIQ3BT5u7Jfv+puwXkUBUT5PVyMDfJZpy30CBDXGMgw7fguK/lpOMBvgw=="],
|
||||
|
||||
"@elysiajs/cors": ["@elysiajs/cors@1.4.1", "", { "peerDependencies": { "elysia": ">= 1.4.0" } }, "sha512-lQfad+F3r4mNwsxRKbXyJB8Jg43oAOXjRwn7sKUL6bcOW3KjUqUimTS+woNpO97efpzjtDE0tEjGk9DTw8lqTQ=="],
|
||||
|
||||
"@elysiajs/static": ["@elysiajs/static@1.4.7", "", { "peerDependencies": { "elysia": ">= 1.4.0" } }, "sha512-Go4kIXZ0G3iWfkAld07HmLglqIDMVXdyRKBQK/sVEjtpDdjHNb+rUIje73aDTWpZYg4PEVHUpi9v4AlNEwrQug=="],
|
||||
|
||||
"@sinclair/typebox": ["@sinclair/typebox@0.34.48", "", {}, "sha512-kKJTNuK3AQOrgjjotVxMrCn1sUJwM76wMszfq1kdU4uYVJjvEWuFQ6HgvLt4Xz3fSmZlTOxJ/Ie13KnIcWQXFA=="],
|
||||
|
||||
"@tokenizer/inflate": ["@tokenizer/inflate@0.4.1", "", { "dependencies": { "debug": "^4.4.3", "token-types": "^6.1.1" } }, "sha512-2mAv+8pkG6GIZiF1kNg1jAjh27IDxEPKwdGul3snfztFerfPGI1LjDezZp3i7BElXompqEtPmoPx6c2wgtWsOA=="],
|
||||
|
||||
"@tokenizer/token": ["@tokenizer/token@0.3.0", "", {}, "sha512-OvjF+z51L3ov0OyAU0duzsYuvO01PH7x4t6DJx+guahgTnBHkhJdG7soQeTSFLWN3efnHyibZ4Z8l2EuWwJN3A=="],
|
||||
|
||||
"@types/bun": ["@types/bun@1.3.9", "", { "dependencies": { "bun-types": "1.3.9" } }, "sha512-KQ571yULOdWJiMH+RIWIOZ7B2RXQGpL1YQrBtLIV3FqDcCu6FsbFUBwhdKUlCKUpS3PJDsHlJ1QKlpxoVR+xtw=="],
|
||||
|
||||
"@types/node": ["@types/node@25.3.0", "", { "dependencies": { "undici-types": "~7.18.0" } }, "sha512-4K3bqJpXpqfg2XKGK9bpDTc6xO/xoUP/RBWS7AtRMug6zZFaRekiLzjVtAoZMquxoAbzBvy5nxQ7veS5eYzf8A=="],
|
||||
|
||||
"bun-types": ["bun-types@1.3.9", "", { "dependencies": { "@types/node": "*" } }, "sha512-+UBWWOakIP4Tswh0Bt0QD0alpTY8cb5hvgiYeWCMet9YukHbzuruIEeXC2D7nMJPB12kbh8C7XJykSexEqGKJg=="],
|
||||
|
||||
"cookie": ["cookie@1.1.1", "", {}, "sha512-ei8Aos7ja0weRpFzJnEA9UHJ/7XQmqglbRwnf2ATjcB9Wq874VKH9kfjjirM6UhU2/E5fFYadylyhFldcqSidQ=="],
|
||||
|
||||
"debug": ["debug@4.4.3", "", { "dependencies": { "ms": "^2.1.3" } }, "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA=="],
|
||||
|
||||
"elysia": ["elysia@1.4.25", "", { "dependencies": { "cookie": "^1.1.1", "exact-mirror": "^0.2.7", "fast-decode-uri-component": "^1.0.1", "memoirist": "^0.4.0" }, "peerDependencies": { "@sinclair/typebox": ">= 0.34.0 < 1", "@types/bun": ">= 1.2.0", "file-type": ">= 20.0.0", "openapi-types": ">= 12.0.0", "typescript": ">= 5.0.0" }, "optionalPeers": ["@types/bun", "typescript"] }, "sha512-liKjavH99Gpzrv9cDil6uYWmPuqESfPFV1FIaFSd3iNqo3y7e29sN43VxFIK8tWWnyi6eDAmi2SZk8hNAMQMyg=="],
|
||||
|
||||
"exact-mirror": ["exact-mirror@0.2.7", "", { "peerDependencies": { "@sinclair/typebox": "^0.34.15" }, "optionalPeers": ["@sinclair/typebox"] }, "sha512-+MeEmDcLA4o/vjK2zujgk+1VTxPR4hdp23qLqkWfStbECtAq9gmsvQa3LW6z/0GXZyHJobrCnmy1cdeE7BjsYg=="],
|
||||
|
||||
"fast-decode-uri-component": ["fast-decode-uri-component@1.0.1", "", {}, "sha512-WKgKWg5eUxvRZGwW8FvfbaH7AXSh2cL+3j5fMGzUMCxWBJ3dV3a7Wz8y2f/uQ0e3B6WmodD3oS54jTQ9HVTIIg=="],
|
||||
|
||||
"file-type": ["file-type@21.3.0", "", { "dependencies": { "@tokenizer/inflate": "^0.4.1", "strtok3": "^10.3.4", "token-types": "^6.1.1", "uint8array-extras": "^1.4.0" } }, "sha512-8kPJMIGz1Yt/aPEwOsrR97ZyZaD1Iqm8PClb1nYFclUCkBi0Ma5IsYNQzvSFS9ib51lWyIw5mIT9rWzI/xjpzA=="],
|
||||
|
||||
"ieee754": ["ieee754@1.2.1", "", {}, "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA=="],
|
||||
|
||||
"memoirist": ["memoirist@0.4.0", "", {}, "sha512-zxTgA0mSYELa66DimuNQDvyLq36AwDlTuVRbnQtB+VuTcKWm5Qc4z3WkSpgsFWHNhexqkIooqpv4hdcqrX5Nmg=="],
|
||||
|
||||
"ms": ["ms@2.1.3", "", {}, "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="],
|
||||
|
||||
"openapi-types": ["openapi-types@12.1.3", "", {}, "sha512-N4YtSYJqghVu4iek2ZUvcN/0aqH1kRDuNqzcycDxhOUpg7GdvLa2F3DgS6yBNhInhv2r/6I0Flkn7CqL8+nIcw=="],
|
||||
|
||||
"stripe": ["stripe@20.3.1", "", { "peerDependencies": { "@types/node": ">=16" }, "optionalPeers": ["@types/node"] }, "sha512-k990yOT5G5rhX3XluRPw5Y8RLdJDW4dzQ29wWT66piHrbnM2KyamJ1dKgPsw4HzGHRWjDiSSdcI2WdxQUPV3aQ=="],
|
||||
|
||||
"strtok3": ["strtok3@10.3.4", "", { "dependencies": { "@tokenizer/token": "^0.3.0" } }, "sha512-KIy5nylvC5le1OdaaoCJ07L+8iQzJHGH6pWDuzS+d07Cu7n1MZ2x26P8ZKIWfbK02+XIL8Mp4RkWeqdUCrDMfg=="],
|
||||
|
||||
"token-types": ["token-types@6.1.2", "", { "dependencies": { "@borewit/text-codec": "^0.2.1", "@tokenizer/token": "^0.3.0", "ieee754": "^1.2.1" } }, "sha512-dRXchy+C0IgK8WPC6xvCHFRIWYUbqqdEIKPaKo/AcTUNzwLTK6AH7RjdLWsEZcAN/TBdtfUw3PYEgPr5VPr6ww=="],
|
||||
|
||||
"typescript": ["typescript@5.9.3", "", { "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" } }, "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw=="],
|
||||
|
||||
"uint8array-extras": ["uint8array-extras@1.5.0", "", {}, "sha512-rvKSBiC5zqCCiDZ9kAOszZcDvdAHwwIKJG33Ykj43OKcWsnmcBRL09YTU4nOeHZ8Y2a7l1MgTd08SBe9A8Qj6A=="],
|
||||
|
||||
"undici-types": ["undici-types@7.18.2", "", {}, "sha512-AsuCzffGHJybSaRrmr5eHr81mwJU3kjw6M+uprWvCXiNeN9SOGwQ3Jn8jb8m3Z6izVgknn1R0FTCEAP2QrLY/w=="],
|
||||
}
|
||||
}
|
||||
65
clean-duplicates.mjs
Normal file
65
clean-duplicates.mjs
Normal file
@ -0,0 +1,65 @@
|
||||
import { createClient } from '@sanity/client'
|
||||
import dotenv from 'dotenv'
|
||||
|
||||
dotenv.config()
|
||||
|
||||
const client = createClient({
|
||||
projectId: process.env.SANITY_PROJECT_ID,
|
||||
dataset: process.env.SANITY_DATASET || 'production',
|
||||
apiVersion: '2024-01-01',
|
||||
useCdn: false,
|
||||
token: process.env.SANITY_API_TOKEN,
|
||||
})
|
||||
|
||||
async function cleanDuplicates() {
|
||||
console.log('🔍 Recherche des produits...\n')
|
||||
|
||||
const products = await client.fetch(
|
||||
`*[_type == "product"] | order(name asc, _createdAt asc) { _id, name, slug, _createdAt }`
|
||||
)
|
||||
|
||||
console.log(` Total: ${products.length} produits trouvés\n`)
|
||||
|
||||
// Group by slug
|
||||
const grouped = {}
|
||||
for (const p of products) {
|
||||
const key = p.slug?.current || p.name
|
||||
if (!grouped[key]) grouped[key] = []
|
||||
grouped[key].push(p)
|
||||
}
|
||||
|
||||
const toDelete = []
|
||||
for (const [key, docs] of Object.entries(grouped)) {
|
||||
if (docs.length > 1) {
|
||||
console.log(` ⚠️ "${key}" — ${docs.length} exemplaires`)
|
||||
// Keep the first (oldest), delete the rest
|
||||
const [keep, ...duplicates] = docs
|
||||
console.log(` ✓ Garder: ${keep._id} (${keep._createdAt})`)
|
||||
for (const dup of duplicates) {
|
||||
console.log(` ✗ Supprimer: ${dup._id} (${dup._createdAt})`)
|
||||
toDelete.push(dup._id)
|
||||
}
|
||||
console.log()
|
||||
}
|
||||
}
|
||||
|
||||
if (toDelete.length === 0) {
|
||||
console.log('✅ Aucun doublon trouvé !')
|
||||
return
|
||||
}
|
||||
|
||||
console.log(`\n🗑️ Suppression de ${toDelete.length} doublon(s)...\n`)
|
||||
|
||||
const tx = client.transaction()
|
||||
for (const id of toDelete) {
|
||||
tx.delete(id)
|
||||
}
|
||||
await tx.commit()
|
||||
|
||||
console.log('✅ Doublons supprimés !')
|
||||
}
|
||||
|
||||
cleanDuplicates().catch((err) => {
|
||||
console.error('❌ Erreur:', err.message)
|
||||
process.exit(1)
|
||||
})
|
||||
24
deploy.sh
24
deploy.sh
@ -1,24 +0,0 @@
|
||||
#!/usr/bin/env bash
|
||||
set -euo pipefail
|
||||
|
||||
VPS="ordinarthur@10.10.0.13"
|
||||
APP_DIR="/var/www/html/rebours"
|
||||
|
||||
echo "🚀 Deploying rebours..."
|
||||
|
||||
# 1. Sync source code
|
||||
rsync -avz --delete \
|
||||
--exclude node_modules \
|
||||
--exclude .env \
|
||||
--exclude dist \
|
||||
--exclude .git \
|
||||
./ "$VPS:$APP_DIR/"
|
||||
|
||||
# 2. Install deps, migrate, build, restart
|
||||
ssh "$VPS" "cd $APP_DIR && \
|
||||
pnpm install --frozen-lockfile && \
|
||||
pnpm prisma migrate deploy && \
|
||||
pnpm build && \
|
||||
sudo systemctl restart rebours"
|
||||
|
||||
echo "✅ Live → https://rebours.studio"
|
||||
@ -1,17 +0,0 @@
|
||||
[Unit]
|
||||
Description=Rebours Fastify Server
|
||||
After=network.target
|
||||
|
||||
[Service]
|
||||
Type=simple
|
||||
User=ordinarthur
|
||||
WorkingDirectory=/var/www/html/rebours
|
||||
EnvironmentFile=/var/www/html/rebours/.env
|
||||
Environment=NODE_ENV=production
|
||||
Environment=PORT=3001
|
||||
ExecStart=/usr/bin/node server.mjs
|
||||
Restart=on-failure
|
||||
RestartSec=5
|
||||
|
||||
[Install]
|
||||
WantedBy=multi-user.target
|
||||
@ -1,65 +0,0 @@
|
||||
#!/usr/bin/env bash
|
||||
set -euo pipefail
|
||||
|
||||
# First-time VPS setup for rebours
|
||||
# Run: bash deploy/setup.sh
|
||||
|
||||
VPS="ordinarthur@10.10.0.13"
|
||||
APP_DIR="/var/www/html/rebours"
|
||||
|
||||
echo "🔧 Setting up rebours on $VPS..."
|
||||
|
||||
# 1. Sync project files
|
||||
rsync -avz --delete \
|
||||
--exclude node_modules \
|
||||
--exclude .env \
|
||||
--exclude dist \
|
||||
--exclude .git \
|
||||
./ "$VPS:$APP_DIR/"
|
||||
|
||||
# 2. Setup on server
|
||||
ssh "$VPS" << 'REMOTE'
|
||||
set -euo pipefail
|
||||
|
||||
# Node.js 22 + pnpm (skip if already installed)
|
||||
if ! command -v node &>/dev/null; then
|
||||
curl -fsSL https://deb.nodesource.com/setup_22.x | sudo -E bash -
|
||||
sudo apt-get install -y nodejs
|
||||
fi
|
||||
if ! command -v pnpm &>/dev/null; then
|
||||
sudo corepack enable
|
||||
sudo corepack prepare pnpm@latest --activate
|
||||
fi
|
||||
|
||||
# nginx config
|
||||
sudo cp /var/www/html/rebours/nginx.conf /etc/nginx/sites-available/rebours
|
||||
sudo ln -sf /etc/nginx/sites-available/rebours /etc/nginx/sites-enabled/rebours
|
||||
sudo nginx -t && sudo systemctl reload nginx
|
||||
|
||||
# systemd service
|
||||
sudo cp /var/www/html/rebours/deploy/rebours.service /etc/systemd/system/rebours.service
|
||||
sudo systemctl daemon-reload
|
||||
sudo systemctl enable rebours
|
||||
|
||||
# permissions
|
||||
sudo chown -R ordinarthur:www-data /var/www/html/rebours
|
||||
|
||||
echo "✅ VPS ready"
|
||||
REMOTE
|
||||
|
||||
echo ""
|
||||
echo "📝 Next steps:"
|
||||
echo " 1. Create .env on the VPS:"
|
||||
echo " ssh $VPS 'nano $APP_DIR/.env'"
|
||||
echo ""
|
||||
echo " DATABASE_URL=postgresql://user:pass@host:5432/rebours"
|
||||
echo " STRIPE_SECRET_KEY=sk_live_..."
|
||||
echo " STRIPE_WEBHOOK_SECRET=whsec_..."
|
||||
echo " DOMAIN=https://rebours.studio"
|
||||
echo " ADMIN_EMAIL=..."
|
||||
echo " ADMIN_PASSWORD=..."
|
||||
echo " COOKIE_SECRET=..."
|
||||
echo ""
|
||||
echo " 2. Deploy: bash deploy.sh"
|
||||
echo ""
|
||||
echo " 3. NPM: forward rebours.studio → 10.10.0.13:80"
|
||||
@ -1,45 +0,0 @@
|
||||
services:
|
||||
server:
|
||||
build:
|
||||
context: .
|
||||
dockerfile: Dockerfile
|
||||
expose:
|
||||
- '3001'
|
||||
environment:
|
||||
- DATABASE_URL
|
||||
- STRIPE_SECRET_KEY
|
||||
- STRIPE_WEBHOOK_SECRET
|
||||
- DOMAIN
|
||||
- PORT=3001
|
||||
- ADMIN_EMAIL
|
||||
- ADMIN_PASSWORD
|
||||
- COOKIE_SECRET
|
||||
- NODE_ENV=production
|
||||
volumes:
|
||||
- dist-data:/app/dist
|
||||
networks:
|
||||
- coolify
|
||||
- default
|
||||
restart: unless-stopped
|
||||
|
||||
client:
|
||||
build:
|
||||
context: .
|
||||
dockerfile: docker/Dockerfile.client
|
||||
ports:
|
||||
- '80:80'
|
||||
volumes:
|
||||
- dist-data:/usr/share/nginx/html:ro
|
||||
depends_on:
|
||||
- server
|
||||
networks:
|
||||
- coolify
|
||||
- default
|
||||
restart: unless-stopped
|
||||
|
||||
volumes:
|
||||
dist-data:
|
||||
|
||||
networks:
|
||||
coolify:
|
||||
external: true
|
||||
@ -1,14 +0,0 @@
|
||||
services:
|
||||
postgres:
|
||||
image: postgres:16-alpine
|
||||
ports:
|
||||
- "5432:5432"
|
||||
environment:
|
||||
POSTGRES_DB: rebours
|
||||
POSTGRES_USER: rebours
|
||||
POSTGRES_PASSWORD: rebours
|
||||
volumes:
|
||||
- pgdata:/var/lib/postgresql/data
|
||||
|
||||
volumes:
|
||||
pgdata:
|
||||
@ -1,3 +0,0 @@
|
||||
FROM nginx:alpine
|
||||
COPY docker/nginx.conf /etc/nginx/conf.d/default.conf
|
||||
EXPOSE 80
|
||||
@ -1,67 +0,0 @@
|
||||
server {
|
||||
listen 80;
|
||||
server_name _;
|
||||
|
||||
root /usr/share/nginx/html;
|
||||
index index.html;
|
||||
|
||||
# ── API proxy → Fastify ──────────────────────────────────────────────────
|
||||
location /api/ {
|
||||
proxy_pass http://server:3001;
|
||||
proxy_set_header Host $host;
|
||||
proxy_set_header X-Real-IP $remote_addr;
|
||||
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
||||
proxy_set_header X-Forwarded-Proto $scheme;
|
||||
}
|
||||
|
||||
# ── SEO proxy → Fastify (dynamique depuis DB) ─────────────────────────────
|
||||
location = /robots.txt {
|
||||
proxy_pass http://server:3001;
|
||||
proxy_set_header Host $host;
|
||||
proxy_set_header X-Real-IP $remote_addr;
|
||||
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
||||
proxy_set_header X-Forwarded-Proto $scheme;
|
||||
}
|
||||
|
||||
location = /sitemap.xml {
|
||||
proxy_pass http://server:3001;
|
||||
proxy_set_header Host $host;
|
||||
proxy_set_header X-Real-IP $remote_addr;
|
||||
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
||||
proxy_set_header X-Forwarded-Proto $scheme;
|
||||
}
|
||||
|
||||
# ── Admin proxy → Fastify (AdminJS) ──────────────────────────────────────
|
||||
location /admin {
|
||||
proxy_pass http://server:3001;
|
||||
proxy_set_header Host $host;
|
||||
proxy_set_header X-Real-IP $remote_addr;
|
||||
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
||||
proxy_set_header X-Forwarded-Proto $scheme;
|
||||
}
|
||||
|
||||
# ── Cache : Astro hashed files → immutable ───────────────────────────────
|
||||
location /_astro/ {
|
||||
add_header Cache-Control "public, max-age=31536000, immutable";
|
||||
}
|
||||
|
||||
# ── Cache : CSS/JS sans hash → revalidation ─────────────────────────────
|
||||
location ~* \.(css|js)$ {
|
||||
add_header Cache-Control "no-cache";
|
||||
}
|
||||
|
||||
# ── Cache : assets (images, fonts) → 7 jours ────────────────────────────
|
||||
location ~* \.(jpg|jpeg|png|gif|webp|svg|woff2|woff|ttf|ico)$ {
|
||||
add_header Cache-Control "public, max-age=604800";
|
||||
}
|
||||
|
||||
# ── HTML : jamais caché ──────────────────────────────────────────────────
|
||||
location ~* \.html$ {
|
||||
add_header Cache-Control "no-store";
|
||||
}
|
||||
|
||||
# ── SPA fallback pour les routes Astro ───────────────────────────────────
|
||||
location / {
|
||||
try_files $uri $uri/ $uri.html /index.html;
|
||||
}
|
||||
}
|
||||
30
nginx.conf
30
nginx.conf
@ -14,34 +14,6 @@ server {
|
||||
proxy_set_header X-Forwarded-Proto https;
|
||||
}
|
||||
|
||||
# ── SEO (dynamique depuis DB) ────────────────────────────────────────────
|
||||
location = /robots.txt {
|
||||
proxy_pass http://127.0.0.1:3000;
|
||||
proxy_set_header Host $host;
|
||||
proxy_set_header X-Real-IP $remote_addr;
|
||||
}
|
||||
|
||||
location = /sitemap.xml {
|
||||
proxy_pass http://127.0.0.1:3000;
|
||||
proxy_set_header Host $host;
|
||||
proxy_set_header X-Real-IP $remote_addr;
|
||||
}
|
||||
|
||||
# ── Admin proxy → Fastify (AdminJS) ──────────────────────────────────────
|
||||
location ^~ /admin {
|
||||
proxy_pass http://127.0.0.1:3000;
|
||||
proxy_set_header Host $host;
|
||||
proxy_set_header X-Real-IP $remote_addr;
|
||||
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
||||
proxy_set_header X-Forwarded-Proto https;
|
||||
}
|
||||
|
||||
# ── Uploads (images produits depuis admin) ────────────────────────────────
|
||||
location /uploads/ {
|
||||
alias /var/www/html/rebours/uploads/;
|
||||
add_header Cache-Control "public, max-age=604800";
|
||||
}
|
||||
|
||||
# ── Cache : Astro hashed → immutable ─────────────────────────────────────
|
||||
location /_astro/ {
|
||||
add_header Cache-Control "public, max-age=31536000, immutable";
|
||||
@ -53,7 +25,7 @@ server {
|
||||
}
|
||||
|
||||
# ── Cache : assets → 7 jours ────────────────────────────────────────────
|
||||
location ~* \.(jpg|jpeg|png|gif|webp|svg|woff2|woff|ttf|ico)$ {
|
||||
location ~* \.(jpg|jpeg|png|gif|webp|svg|woff2|woff|ttf|ico|mp3)$ {
|
||||
add_header Cache-Control "public, max-age=604800";
|
||||
}
|
||||
|
||||
|
||||
62
package.json
62
package.json
@ -4,74 +4,20 @@
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "concurrently \"astro dev\" \"NODE_ENV=development node --watch server.mjs\"",
|
||||
"build": "prisma generate && astro build",
|
||||
"build": "astro build",
|
||||
"preview": "astro preview",
|
||||
"server": "NODE_ENV=production node server.mjs",
|
||||
"db:migrate": "prisma migrate dev",
|
||||
"db:seed": "prisma db seed",
|
||||
"db:studio": "prisma studio",
|
||||
"stripe:purge": "node scripts/stripe-purge.mjs",
|
||||
"stripe:purge:confirm": "node scripts/stripe-purge.mjs --confirm",
|
||||
"stripe:sync": "node scripts/stripe-sync.mjs",
|
||||
"stripe:sync:confirm": "node scripts/stripe-sync.mjs --confirm",
|
||||
"astro": "astro"
|
||||
},
|
||||
"prisma": {
|
||||
"seed": "node prisma/seed.mjs"
|
||||
},
|
||||
"dependencies": {
|
||||
"@adminjs/fastify": "^4.2.0",
|
||||
"@adminjs/prisma": "^5.0.4",
|
||||
"@adminjs/upload": "^4.0.2",
|
||||
"@fastify/cors": "^10.0.2",
|
||||
"@fastify/static": "^9.0.0",
|
||||
"@prisma/client": "^6.19.2",
|
||||
"adminjs": "^7.8.17",
|
||||
"@sanity/client": "^7",
|
||||
"@sanity/image-url": "^1",
|
||||
"astro": "^5.17.1",
|
||||
"bcrypt": "^6.0.0",
|
||||
"concurrently": "^9.0.0",
|
||||
"dotenv": "^17.3.1",
|
||||
"fastify": "^5.3.2",
|
||||
"gsap": "^3.14.2",
|
||||
"stripe": "^20.3.1",
|
||||
"tslib": "^2.8.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/plugin-syntax-import-assertions": "^7.28.6",
|
||||
"@types/bcrypt": "^6.0.0",
|
||||
"@types/node": "^25.3.0",
|
||||
"prisma": "^6.19.2"
|
||||
},
|
||||
"pnpm": {
|
||||
"onlyBuiltDependencies": [
|
||||
"@prisma/client",
|
||||
"@prisma/engines",
|
||||
"bcrypt",
|
||||
"esbuild",
|
||||
"prisma",
|
||||
"sharp"
|
||||
],
|
||||
"overrides": {
|
||||
"@tiptap/core": "2.1.13",
|
||||
"@tiptap/pm": "2.1.13",
|
||||
"@tiptap/extension-bold": "2.1.13",
|
||||
"@tiptap/extension-blockquote": "2.1.13",
|
||||
"@tiptap/extension-bullet-list": "2.1.13",
|
||||
"@tiptap/extension-code": "2.1.13",
|
||||
"@tiptap/extension-code-block": "2.1.13",
|
||||
"@tiptap/extension-document": "2.1.13",
|
||||
"@tiptap/extension-dropcursor": "2.1.13",
|
||||
"@tiptap/extension-gapcursor": "2.1.13",
|
||||
"@tiptap/extension-hard-break": "2.1.13",
|
||||
"@tiptap/extension-heading": "2.1.13",
|
||||
"@tiptap/extension-history": "2.1.13",
|
||||
"@tiptap/extension-horizontal-rule": "2.1.13",
|
||||
"@tiptap/extension-italic": "2.1.13",
|
||||
"@tiptap/extension-list-item": "2.1.13",
|
||||
"@tiptap/extension-ordered-list": "2.1.13",
|
||||
"@tiptap/extension-paragraph": "2.1.13",
|
||||
"@tiptap/extension-strike": "2.1.13",
|
||||
"@tiptap/extension-text": "2.1.13"
|
||||
}
|
||||
"stripe": "^20.3.1"
|
||||
}
|
||||
}
|
||||
|
||||
6580
pnpm-lock.yaml
generated
6580
pnpm-lock.yaml
generated
File diff suppressed because it is too large
Load Diff
@ -1 +0,0 @@
|
||||
approveBuildsForScope: '@prisma/engines bcrypt prisma esbuild sharp'
|
||||
@ -1,64 +0,0 @@
|
||||
-- CreateTable
|
||||
CREATE TABLE "Product" (
|
||||
"id" TEXT NOT NULL PRIMARY KEY,
|
||||
"slug" TEXT NOT NULL,
|
||||
"sortOrder" INTEGER NOT NULL DEFAULT 0,
|
||||
"index" TEXT NOT NULL,
|
||||
"name" TEXT NOT NULL,
|
||||
"type" TEXT NOT NULL,
|
||||
"materials" TEXT NOT NULL,
|
||||
"year" TEXT NOT NULL,
|
||||
"status" TEXT NOT NULL,
|
||||
"description" TEXT NOT NULL,
|
||||
"specs" TEXT NOT NULL,
|
||||
"notes" TEXT NOT NULL,
|
||||
"imagePath" TEXT NOT NULL,
|
||||
"imageAlt" TEXT NOT NULL DEFAULT '',
|
||||
"seoTitle" TEXT NOT NULL,
|
||||
"seoDescription" TEXT NOT NULL,
|
||||
"ogImage" TEXT NOT NULL,
|
||||
"productDisplayName" TEXT NOT NULL,
|
||||
"price" INTEGER,
|
||||
"currency" TEXT NOT NULL DEFAULT 'EUR',
|
||||
"availability" TEXT NOT NULL DEFAULT 'https://schema.org/PreOrder',
|
||||
"stripePriceId" TEXT,
|
||||
"stripeKey" TEXT,
|
||||
"isPublished" BOOLEAN NOT NULL DEFAULT true,
|
||||
"createdAt" DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
|
||||
"updatedAt" DATETIME NOT NULL
|
||||
);
|
||||
|
||||
-- CreateTable
|
||||
CREATE TABLE "Order" (
|
||||
"id" TEXT NOT NULL PRIMARY KEY,
|
||||
"stripeSessionId" TEXT NOT NULL,
|
||||
"stripePaymentIntent" TEXT,
|
||||
"status" TEXT NOT NULL DEFAULT 'pending',
|
||||
"amount" INTEGER NOT NULL,
|
||||
"currency" TEXT NOT NULL DEFAULT 'EUR',
|
||||
"customerEmail" TEXT,
|
||||
"receiptUrl" TEXT,
|
||||
"productId" TEXT,
|
||||
"productSlug" TEXT,
|
||||
"metadata" TEXT,
|
||||
"createdAt" DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
|
||||
"updatedAt" DATETIME NOT NULL,
|
||||
CONSTRAINT "Order_productId_fkey" FOREIGN KEY ("productId") REFERENCES "Product" ("id") ON DELETE SET NULL ON UPDATE CASCADE
|
||||
);
|
||||
|
||||
-- CreateTable
|
||||
CREATE TABLE "AdminUser" (
|
||||
"id" TEXT NOT NULL PRIMARY KEY,
|
||||
"email" TEXT NOT NULL,
|
||||
"passwordHash" TEXT NOT NULL,
|
||||
"createdAt" DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP
|
||||
);
|
||||
|
||||
-- CreateIndex
|
||||
CREATE UNIQUE INDEX "Product_slug_key" ON "Product"("slug");
|
||||
|
||||
-- CreateIndex
|
||||
CREATE UNIQUE INDEX "Order_stripeSessionId_key" ON "Order"("stripeSessionId");
|
||||
|
||||
-- CreateIndex
|
||||
CREATE UNIQUE INDEX "AdminUser_email_key" ON "AdminUser"("email");
|
||||
@ -1,3 +0,0 @@
|
||||
-- AlterTable
|
||||
ALTER TABLE "Product" ADD COLUMN "imageKey" TEXT;
|
||||
ALTER TABLE "Product" ADD COLUMN "imageMime" TEXT;
|
||||
@ -1,3 +0,0 @@
|
||||
# Please do not edit this file manually
|
||||
# It should be added in your version-control system (e.g., Git)
|
||||
provider = "sqlite"
|
||||
Binary file not shown.
@ -1,75 +0,0 @@
|
||||
generator client {
|
||||
provider = "prisma-client-js"
|
||||
}
|
||||
|
||||
datasource db {
|
||||
provider = "sqlite"
|
||||
url = env("DATABASE_URL")
|
||||
}
|
||||
|
||||
model Product {
|
||||
id String @id @default(cuid())
|
||||
slug String @unique
|
||||
sortOrder Int @default(0)
|
||||
|
||||
// Card data (data-* attributes)
|
||||
index String // e.g. "PROJET_001"
|
||||
name String // e.g. "Solar_Altar"
|
||||
type String // e.g. "LAMPE DE TABLE"
|
||||
materials String
|
||||
year String
|
||||
status String // e.g. "PROTOTYPE [80%]"
|
||||
description String
|
||||
specs String
|
||||
notes String
|
||||
imagePath String
|
||||
imageAlt String @default("")
|
||||
imageKey String? // upload filename
|
||||
imageMime String? // upload mime type
|
||||
|
||||
// SEO
|
||||
seoTitle String
|
||||
seoDescription String
|
||||
ogImage String
|
||||
|
||||
// Commerce
|
||||
productDisplayName String
|
||||
price Int? // cents, null = not for sale
|
||||
currency String @default("EUR")
|
||||
availability String @default("https://schema.org/PreOrder")
|
||||
stripePriceId String? // Stripe price_id
|
||||
stripeKey String? // compat frontend e.g. "lumiere_orbitale"
|
||||
isPublished Boolean @default(true)
|
||||
|
||||
createdAt DateTime @default(now())
|
||||
updatedAt DateTime @updatedAt
|
||||
|
||||
orders Order[]
|
||||
}
|
||||
|
||||
model Order {
|
||||
id String @id @default(cuid())
|
||||
stripeSessionId String @unique
|
||||
stripePaymentIntent String?
|
||||
status String @default("pending")
|
||||
amount Int
|
||||
currency String @default("EUR")
|
||||
customerEmail String?
|
||||
receiptUrl String?
|
||||
|
||||
productId String?
|
||||
product Product? @relation(fields: [productId], references: [id])
|
||||
productSlug String?
|
||||
|
||||
metadata String?
|
||||
|
||||
createdAt DateTime @default(now())
|
||||
updatedAt DateTime @updatedAt
|
||||
}
|
||||
|
||||
model AdminUser {
|
||||
id String @id @default(cuid())
|
||||
email String @unique
|
||||
passwordHash String
|
||||
createdAt DateTime @default(now())
|
||||
}
|
||||
@ -1,308 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<!-- SEO Primary -->
|
||||
<title>REBOURS — Mobilier d'art contemporain | Collection 001</title>
|
||||
<meta name="description" content="REBOUR Studio crée du mobilier d'art contemporain inspiré du Space Age et du mouvement Memphis. Pièces uniques fabriquées à Paris. Collection 001 en cours.">
|
||||
<meta name="keywords" content="mobilier art, design contemporain, space age, memphis design, lampe béton, Paris, pièce unique">
|
||||
<meta name="author" content="REBOURS Studio">
|
||||
<meta name="robots" content="index, follow">
|
||||
<link rel="canonical" href="https://rebour.studio/">
|
||||
|
||||
<!-- Open Graph -->
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="https://rebours.studio/">
|
||||
<meta property="og:title" content="REBOURS — Mobilier d'art contemporain">
|
||||
<meta property="og:description" content="Pièces uniques fabriquées à Paris. Space Age × Memphis. Collection 001.">
|
||||
<meta property="og:image" content="https://rebours.studio/assets/lamp-violet.jpg">
|
||||
<meta property="og:locale" content="fr_FR">
|
||||
<meta property="og:site_name" content="REBOURS Studio">
|
||||
|
||||
<!-- Twitter Card -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="REBOURS — Mobilier d'art contemporain">
|
||||
<meta name="twitter:description" content="Pièces uniques fabriquées à Paris. Space Age × Memphis. Collection 001.">
|
||||
<meta name="twitter:image" content="https://rebours.studio/assets/lamp-violet.jpg">
|
||||
|
||||
<!-- Schema.org structured data -->
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Store",
|
||||
"name": "REBOURS Studio",
|
||||
"description": "Mobilier d'art contemporain. Space Age × Memphis. Pièces uniques fabriquées à Paris.",
|
||||
"url": "https://rebours.studio",
|
||||
"image": "https://rebours.studio/assets/lamp-violet.jpg",
|
||||
"address": { "@type": "PostalAddress", "addressLocality": "Paris", "addressCountry": "FR" },
|
||||
"hasOfferCatalog": {
|
||||
"@type": "OfferCatalog",
|
||||
"name": "Collection 001",
|
||||
"itemListElement": [
|
||||
{
|
||||
"@type": "Offer",
|
||||
"itemOffered": {
|
||||
"@type": "Product",
|
||||
"name": "Solar Altar",
|
||||
"description": "Lampe de table unique. Béton texturé coulé à la main + dôme céramique laqué.",
|
||||
"image": "https://rebours.studio/assets/lamp-violet.jpg"
|
||||
},
|
||||
"price": "1800",
|
||||
"priceCurrency": "EUR",
|
||||
"availability": "https://schema.org/LimitedAvailability"
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<!-- Fonts -->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Grid background -->
|
||||
<div id="interactive-grid" class="interactive-grid"></div>
|
||||
|
||||
<!-- PRODUCT PANEL (overlay) -->
|
||||
<div id="product-panel" class="product-panel" aria-hidden="true">
|
||||
<div class="panel-close" id="panel-close">
|
||||
<span>← RETOUR</span>
|
||||
</div>
|
||||
<div class="panel-inner">
|
||||
<div class="panel-img-col">
|
||||
<img id="panel-img" src="" alt="">
|
||||
</div>
|
||||
<div class="panel-info-col">
|
||||
<p class="panel-index" id="panel-index"></p>
|
||||
<h2 id="panel-name"></h2>
|
||||
<hr>
|
||||
<div class="panel-meta">
|
||||
<div class="panel-meta-row">
|
||||
<span class="meta-key">TYPE</span>
|
||||
<span id="panel-type"></span>
|
||||
</div>
|
||||
<div class="panel-meta-row">
|
||||
<span class="meta-key">MATÉRIAUX</span>
|
||||
<span id="panel-mat"></span>
|
||||
</div>
|
||||
<div class="panel-meta-row">
|
||||
<span class="meta-key">ANNÉE</span>
|
||||
<span id="panel-year"></span>
|
||||
</div>
|
||||
<div class="panel-meta-row">
|
||||
<span class="meta-key">STATUS</span>
|
||||
<span id="panel-status" class="red"></span>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<p id="panel-desc" class="panel-desc"></p>
|
||||
<hr>
|
||||
|
||||
<!-- Accordion specs -->
|
||||
<details class="accordion">
|
||||
<summary>SPÉCIFICATIONS TECHNIQUES <span>↓</span></summary>
|
||||
<div class="accordion-body" id="panel-specs"></div>
|
||||
</details>
|
||||
<details class="accordion">
|
||||
<summary>NOTES DE CONCEPTION <span>↓</span></summary>
|
||||
<div class="accordion-body" id="panel-notes"></div>
|
||||
</details>
|
||||
|
||||
<hr>
|
||||
|
||||
<!-- Bouton + form commande — uniquement PROJET_001 -->
|
||||
<div id="checkout-section" style="display:none;">
|
||||
<div class="checkout-price-line">
|
||||
<span class="checkout-price">1 800 €</span>
|
||||
<span class="checkout-edition">ÉDITION UNIQUE — 1/1</span>
|
||||
</div>
|
||||
<button id="checkout-toggle-btn" class="checkout-btn">
|
||||
[ COMMANDER CETTE PIÈCE ]
|
||||
</button>
|
||||
<div id="checkout-form-wrap" class="checkout-form-wrap" style="display:none;">
|
||||
<form id="checkout-form" class="checkout-form">
|
||||
<div class="checkout-form-field">
|
||||
<label for="checkout-email">EMAIL *</label>
|
||||
<input type="email" id="checkout-email" name="email" placeholder="votre@email.com" required autocomplete="off">
|
||||
</div>
|
||||
<div class="checkout-form-note">
|
||||
Pièce fabriquée à Paris. Délai : 6 à 8 semaines.<br>
|
||||
Paiement sécurisé via Stripe.
|
||||
</div>
|
||||
<button type="submit" class="checkout-submit" id="checkout-submit-btn">
|
||||
PROCÉDER AU PAIEMENT →
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-footer">
|
||||
<span class="blink">■</span> COLLECTION_001 — W.I.P
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="page-wrapper">
|
||||
|
||||
<header class="header">
|
||||
<a href="/" class="logo-text" aria-label="REBOURS — Accueil">REBOURS</a>
|
||||
<nav class="header-nav" aria-label="Navigation principale">
|
||||
<a href="#collection">COLLECTION_001</a>
|
||||
<a href="#contact">CONTACT</a>
|
||||
<span class="wip-tag"><span class="blink">■</span> W.I.P</span>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
|
||||
<!-- HERO -->
|
||||
<section class="hero" aria-label="Introduction">
|
||||
<div class="hero-left">
|
||||
<p class="label">// ARCHIVE_001 — 2026</p>
|
||||
<h1>REBOURS<br>STUDIO</h1>
|
||||
<p class="hero-sub">Mobilier d'art contemporain.<br>Space Age × Memphis.</p>
|
||||
<p class="hero-sub mono-sm">STATUS: [PROTOTYPE EN COURS]<br>COLLECTION_001 — BIENTÔT DISPONIBLE</p>
|
||||
</div>
|
||||
<div class="hero-right">
|
||||
<img
|
||||
src="/assets/table-terrazzo.jpg"
|
||||
alt="REBOURS — Table Terrazzo, plateau terrazzo et acier tubulaire, Paris 2026"
|
||||
class="hero-img"
|
||||
width="1024" height="1024"
|
||||
fetchpriority="high">
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<hr>
|
||||
|
||||
<!-- COLLECTION GRID -->
|
||||
<section class="collection" id="collection" aria-label="Collection 001">
|
||||
<div class="collection-header">
|
||||
<p class="label">// COLLECTION_001</p>
|
||||
<span class="label">3 OBJETS — CLIQUER POUR OUVRIR</span>
|
||||
</div>
|
||||
|
||||
<div class="product-grid">
|
||||
|
||||
<article class="product-card"
|
||||
data-index="PROJET_001"
|
||||
data-name="Solar_Altar"
|
||||
data-type="LAMPE DE TABLE"
|
||||
data-mat="BÉTON TEXTURÉ + DÔME CÉRAMIQUE LAQUÉ"
|
||||
data-year="2026"
|
||||
data-status="PROTOTYPE [80%]"
|
||||
data-desc="Exploration de la lumière à travers des contraintes géométriques. Le dôme sphérique en céramique laquée coiffe un corps en béton texturé peint à la main. Chaque pièce est unique."
|
||||
data-specs="H: 45cm / Ø: 18cm Poids: 3.2kg Alimentation: 220V — E27 Câble: tressé rouge 2m"
|
||||
data-notes="Inspiré des lampadaires soviétiques des années 60. Le béton est coulé à la main dans des moules uniques. La peinture acrylique est appliquée au spalter."
|
||||
data-img="/assets/lamp-violet.jpg"
|
||||
aria-label="Ouvrir le détail de Solar Altar">
|
||||
<div class="card-img-wrap">
|
||||
<img src="/assets/lamp-violet.jpg"
|
||||
alt="Solar Altar — Lampe béton violet, dôme céramique bleu, REBOURS 2026"
|
||||
width="600" height="600"
|
||||
loading="lazy">
|
||||
</div>
|
||||
<div class="card-meta">
|
||||
<span class="card-index">001</span>
|
||||
<span class="card-name">Solar_Altar</span>
|
||||
<span class="card-arrow">↗</span>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="product-card"
|
||||
data-index="PROJET_002"
|
||||
data-name="TABLE_TERRAZZO"
|
||||
data-type="TABLE BASSE + ÉTAGÈRE MODULAIRE"
|
||||
data-mat="TERRAZZO + ACIER TUBULAIRE + RÉSINE"
|
||||
data-year="2026"
|
||||
data-status="STRUCTURAL_TEST"
|
||||
data-desc="Collision du brutalisme et de la couleur Memphis. Le plateau en terrazzo fait à la main intègre des inclusions de marbre rose et bleu. Les colonnes cylindriques bicolores sont en acier peint au four."
|
||||
data-specs="Table: L120 × P60 × H38cm Poids plateau: 28kg Pieds: acier Ø60mm Étagère: H180 × L80 × P35cm"
|
||||
data-notes="Le terrazzo est réalisé dans l'atelier de Pantin. Chaque dalle est unique. L'étagère est assemblée à partir de tubes industriels récupérés et de panneaux laqués."
|
||||
data-img="/assets/table-terrazzo.jpg"
|
||||
aria-label="Ouvrir le détail de TABLE TERRAZZO">
|
||||
<div class="card-img-wrap">
|
||||
<img src="/assets/table-terrazzo.jpg"
|
||||
alt="TABLE TERRAZZO — Table basse terrazzo et étagère acier, REBOUR 2026"
|
||||
width="600" height="600"
|
||||
loading="lazy">
|
||||
</div>
|
||||
<div class="card-meta">
|
||||
<span class="card-index">002</span>
|
||||
<span class="card-name">TABLE_TERRAZZO</span>
|
||||
<span class="card-arrow">↗</span>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="product-card"
|
||||
data-index="PROJET_003"
|
||||
data-name="MODULE_SÉRIE"
|
||||
data-type="LAMPES — SÉRIE LIMITÉE"
|
||||
data-mat="BÉTON COLORÉ + DÔME LAQUÉ + NÉON"
|
||||
data-year="2026"
|
||||
data-status="FINAL_ASSEMBLY"
|
||||
data-desc="Série de 7 lampes aux corps béton colorés, chacune avec un dôme d'une couleur différente. Les néons horizontaux créent un anneau lumineux entre le dôme et le corps."
|
||||
data-specs="H: 35–65cm (7 tailles) Dôme: Ø15–28cm Anneau néon: 8W — 3000K Édition: 7 ex. par coloris"
|
||||
data-notes="Les corps sont coulés en série mais peints individuellement. Les dômes sont réalisés par un souffleur de verre artisanal. Le câble tressé rouge est la signature de la série."
|
||||
data-img="/assets/lampes-serie.jpg"
|
||||
aria-label="Ouvrir le détail de MODULE SÉRIE">
|
||||
<div class="card-img-wrap">
|
||||
<img src="/assets/lampes-serie.jpg"
|
||||
alt="MODULE SÉRIE — Collection de 7 lampes béton colorées, REBOUR 2026"
|
||||
width="600" height="600"
|
||||
loading="lazy">
|
||||
</div>
|
||||
<div class="card-meta">
|
||||
<span class="card-index">003</span>
|
||||
<span class="card-name">MODULE_SÉRIE</span>
|
||||
<span class="card-arrow">↗</span>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- NEWSLETTER -->
|
||||
<section class="newsletter" id="contact" aria-label="Accès anticipé">
|
||||
<div class="nl-left">
|
||||
<p class="label">// ACCÈS_ANTICIPÉ</p>
|
||||
<h2>REJOINDRE<br>L'EXPÉRIENCE</h2>
|
||||
</div>
|
||||
<div class="nl-right">
|
||||
<form class="nl-form" onsubmit="event.preventDefault();" aria-label="Inscription newsletter">
|
||||
<label for="nl-email">EMAIL :</label>
|
||||
<div class="nl-row">
|
||||
<input type="email" id="nl-email" name="email" placeholder="votre@email.com" autocomplete="email" required>
|
||||
<button type="submit">ENVOYER →</button>
|
||||
</div>
|
||||
<p class="mono-sm"><span class="blink">■</span> CONNECTION_STATUS: PENDING</p>
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
|
||||
<footer class="footer">
|
||||
<span>© 2026 REBOURS STUDIO — PARIS</span>
|
||||
<nav aria-label="Liens secondaires">
|
||||
<a href="https://instagram.com/rebour.studio" rel="noopener" target="_blank">INSTAGRAM</a>
|
||||
/
|
||||
<a href="mailto:contact@rebour.studio">CONTACT</a>
|
||||
</nav>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="cursor-dot"></div>
|
||||
<div class="cursor-outline"></div>
|
||||
|
||||
<script src="main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,5 +0,0 @@
|
||||
User-agent: *
|
||||
Allow: /
|
||||
Disallow: /success
|
||||
|
||||
Sitemap: https://rebours.studio/sitemap.xml
|
||||
@ -1,27 +0,0 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
|
||||
<url>
|
||||
<loc>https://rebours.studio/</loc>
|
||||
<lastmod>2026-02-27</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>1.0</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://rebours.studio/collection/solar-altar/</loc>
|
||||
<lastmod>2026-02-27</lastmod>
|
||||
<changefreq>monthly</changefreq>
|
||||
<priority>0.9</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://rebours.studio/collection/table-terrazzo/</loc>
|
||||
<lastmod>2026-02-27</lastmod>
|
||||
<changefreq>monthly</changefreq>
|
||||
<priority>0.9</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://rebours.studio/collection/module-serie/</loc>
|
||||
<lastmod>2026-02-27</lastmod>
|
||||
<changefreq>monthly</changefreq>
|
||||
<priority>0.9</priority>
|
||||
</url>
|
||||
</urlset>
|
||||
@ -1,189 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>REBOUR — COMMANDE CONFIRMÉE</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
:root {
|
||||
--clr-bg: #e8e8e4;
|
||||
--clr-black: #111;
|
||||
--clr-accent: #e8a800;
|
||||
--border: 1px solid #111;
|
||||
--font-mono: 'Space Mono', monospace;
|
||||
}
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
html { font-size: 13px; }
|
||||
body {
|
||||
background: var(--clr-bg);
|
||||
color: var(--clr-black);
|
||||
font-family: var(--font-mono);
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: baseline;
|
||||
padding: 1.1rem 2rem;
|
||||
border-bottom: var(--border);
|
||||
}
|
||||
.logo { font-size: 1rem; font-weight: 700; letter-spacing: 0.18em; }
|
||||
main {
|
||||
flex-grow: 1;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
.left {
|
||||
border-right: var(--border);
|
||||
padding: 5rem 2rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;
|
||||
gap: 2rem;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.product-img {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
opacity: 0.55;
|
||||
}
|
||||
.label { font-size: 0.75rem; color: #888; }
|
||||
h1 {
|
||||
font-size: clamp(2.5rem, 5vw, 4.5rem);
|
||||
font-weight: 700;
|
||||
line-height: 0.95;
|
||||
letter-spacing: -0.02em;
|
||||
}
|
||||
.status-line {
|
||||
font-size: 0.82rem;
|
||||
line-height: 1.8;
|
||||
color: #555;
|
||||
}
|
||||
.amount {
|
||||
display: inline-block;
|
||||
background: var(--clr-accent);
|
||||
padding: 0.3rem 0.7rem;
|
||||
font-weight: 700;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.right {
|
||||
padding: 5rem 2rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;
|
||||
gap: 1.5rem;
|
||||
}
|
||||
hr { border: none; border-top: var(--border); }
|
||||
.info-row {
|
||||
display: flex;
|
||||
gap: 1.5rem;
|
||||
padding: 0.6rem 0;
|
||||
border-bottom: 1px solid rgba(0,0,0,0.1);
|
||||
font-size: 0.8rem;
|
||||
align-items: baseline;
|
||||
}
|
||||
.info-key { color: #888; width: 8rem; flex-shrink: 0; font-size: 0.72rem; }
|
||||
a.back {
|
||||
display: inline-block;
|
||||
border: var(--border);
|
||||
padding: 0.9rem 1.5rem;
|
||||
font-family: var(--font-mono);
|
||||
font-size: 0.78rem;
|
||||
font-weight: 700;
|
||||
text-decoration: none;
|
||||
color: var(--clr-black);
|
||||
transition: background 0.15s;
|
||||
align-self: flex-start;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
a.back:hover { background: var(--clr-black); color: #f5f5f0; }
|
||||
footer {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 1.1rem 2rem;
|
||||
border-top: var(--border);
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
#loading { color: #888; font-size: 0.78rem; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<span class="logo">REBOUR</span>
|
||||
<span style="font-size:0.78rem;color:#888">COLLECTION_001</span>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<div class="left">
|
||||
<img id="product-img" class="product-img" src="/assets/lamp-violet.jpg" alt="">
|
||||
<p class="label" style="position:relative">// COMMANDE_CONFIRMÉE</p>
|
||||
<h1 style="position:relative">MERCI<br>POUR<br>VOTRE<br>COMMANDE</h1>
|
||||
<p class="status-line" id="loading" style="position:relative">Vérification du paiement...</p>
|
||||
</div>
|
||||
<div class="right">
|
||||
<p class="label">// RÉCAPITULATIF</p>
|
||||
<hr>
|
||||
<div id="order-details" style="display:none; flex-direction:column; gap:0;">
|
||||
<div class="info-row"><span class="info-key">PRODUIT</span><span>Solar_Altar</span></div>
|
||||
<div class="info-row"><span class="info-key">COLLECTION</span><span>001 — ÉDITION UNIQUE</span></div>
|
||||
<div class="info-row"><span class="info-key">MONTANT</span><span id="amount-display"></span></div>
|
||||
<div class="info-row"><span class="info-key">EMAIL</span><span id="email-display"></span></div>
|
||||
<div class="info-row"><span class="info-key">DÉLAI</span><span>6 À 8 SEMAINES</span></div>
|
||||
<div class="info-row"><span class="info-key">STATUS</span><span style="color:#e8a800; font-weight:700">CONFIRMÉ ■</span></div>
|
||||
</div>
|
||||
<p style="font-size:0.78rem; line-height:1.8; color:#555; margin-top:1rem;">
|
||||
Un email de confirmation vous sera envoyé.<br>
|
||||
Votre lampe est fabriquée à la main à Paris.
|
||||
</p>
|
||||
<a href="/" class="back">← RETOUR À LA COLLECTION</a>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<span>© 2026 REBOUR STUDIO — PARIS</span>
|
||||
<span>INSTAGRAM / CONTACT</span>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
const params = new URLSearchParams(window.location.search)
|
||||
const sessionId = params.get('session_id')
|
||||
|
||||
const PRODUCT_IMAGES = {
|
||||
lumiere_orbitale: '/assets/lamp-violet.jpg',
|
||||
table_terrazzo: '/assets/table-terrazzo.jpg',
|
||||
module_serie: '/assets/lampes-serie.jpg',
|
||||
}
|
||||
|
||||
if (sessionId) {
|
||||
fetch(`/api/session/${sessionId}`)
|
||||
.then(r => r.json())
|
||||
.then(data => {
|
||||
document.getElementById('loading').style.display = 'none'
|
||||
document.getElementById('order-details').style.display = 'flex'
|
||||
|
||||
const amount = data.amount ? `${(data.amount / 100).toLocaleString('fr-FR')} €` : '—'
|
||||
document.getElementById('amount-display').textContent = amount
|
||||
document.getElementById('email-display').textContent = data.customer_email ?? '—'
|
||||
|
||||
if (data.product && PRODUCT_IMAGES[data.product]) {
|
||||
document.getElementById('product-img').src = PRODUCT_IMAGES[data.product]
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
document.getElementById('loading').textContent = 'Commande enregistrée.'
|
||||
})
|
||||
} else {
|
||||
document.getElementById('loading').textContent = 'Commande enregistrée.'
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
2
sanity/.env.example
Normal file
2
sanity/.env.example
Normal file
@ -0,0 +1,2 @@
|
||||
SANITY_STUDIO_PROJECT_ID=your_project_id
|
||||
SANITY_STUDIO_DATASET=production
|
||||
11
sanity/.sanity/runtime/app.js
Normal file
11
sanity/.sanity/runtime/app.js
Normal file
@ -0,0 +1,11 @@
|
||||
|
||||
// This file is auto-generated on 'sanity dev'
|
||||
// Modifications to this file is automatically discarded
|
||||
import studioConfig from "../../sanity.config.ts"
|
||||
import {renderStudio} from "sanity"
|
||||
|
||||
renderStudio(
|
||||
document.getElementById("sanity"),
|
||||
studioConfig,
|
||||
{reactStrictMode: false, basePath: "/"}
|
||||
)
|
||||
252
sanity/.sanity/runtime/index.html
Normal file
252
sanity/.sanity/runtime/index.html
Normal file
@ -0,0 +1,252 @@
|
||||
<!DOCTYPE html><html lang="en">
|
||||
<!--
|
||||
This file is auto-generated from "sanity dev".
|
||||
Modifications to this file are automatically discarded.
|
||||
-->
|
||||
<head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover"/><meta name="robots" content="noindex"/><meta name="referrer" content="same-origin"/><link rel="icon" href="/static/favicon.ico" sizes="any"/><link rel="icon" href="/static/favicon.svg" type="image/svg+xml"/><link rel="apple-touch-icon" href="/static/apple-touch-icon.png"/><link rel="manifest" href="/static/manifest.webmanifest"/><title>Sanity Studio</title><script>
|
||||
;(function () {
|
||||
// The error channel is provided so that error handling can be delegated to a view component.
|
||||
// If there is a subscriber to the error channel at the time the error happens, the error will be pushed to the subscriber instead of handled here.
|
||||
var errorChannel = (function () {
|
||||
var subscribers = Object.create(null)
|
||||
var nextId = 0
|
||||
function subscribe(subscriber) {
|
||||
var id = nextId++
|
||||
subscribers[id] = subscriber
|
||||
return function unsubscribe() {
|
||||
delete subscribers[id]
|
||||
}
|
||||
}
|
||||
|
||||
function publish(event) {
|
||||
for (var id in subscribers) {
|
||||
if (Object.hasOwn(subscribers, id)) {
|
||||
subscribers[id](event)
|
||||
}
|
||||
}
|
||||
}
|
||||
return {
|
||||
subscribers,
|
||||
publish,
|
||||
subscribe
|
||||
}
|
||||
})()
|
||||
|
||||
// NOTE: Store the error channel instance in the global scope so that the Studio application can
|
||||
// access it and subscribe to errors.
|
||||
window.__sanityErrorChannel = {
|
||||
subscribe: errorChannel.subscribe
|
||||
}
|
||||
|
||||
function _handleError(event) {
|
||||
// If there are error channel subscribers, then we assume they will own error rendering,
|
||||
// and we defer to them (no console error).
|
||||
if (Object.keys(errorChannel.subscribers).length > 0) {
|
||||
errorChannel.publish(event)
|
||||
} else {
|
||||
_renderErrorOverlay(event)
|
||||
}
|
||||
}
|
||||
|
||||
var ERROR_BOX_STYLE = [
|
||||
'background: #fff',
|
||||
'border-radius: 6px',
|
||||
'box-sizing: border-box',
|
||||
'color: #121923',
|
||||
'flex: 1',
|
||||
"font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Liberation Sans',Helvetica,Arial,system-ui,sans-serif",
|
||||
'font-size: 16px',
|
||||
'line-height: 21px',
|
||||
'margin: 0 auto',
|
||||
'max-width: 960px',
|
||||
'overflow: auto',
|
||||
'padding: 20px',
|
||||
'width: 100%',
|
||||
].join(';')
|
||||
|
||||
var ERROR_CODE_STYLE = [
|
||||
'color: #972E2A',
|
||||
"font-family: -apple-system-ui-monospace, 'SF Mono', Menlo, Monaco, Consolas, monospace",
|
||||
'font-size: 13px',
|
||||
'line-height: 17px',
|
||||
'margin: 0',
|
||||
].join(';')
|
||||
|
||||
function _renderErrorOverlay(event) {
|
||||
var errorElement = document.querySelector('#__sanityError') || document.createElement('div')
|
||||
var error = event.error
|
||||
var colno = event.colno
|
||||
var lineno = event.lineno
|
||||
var filename = event.filename
|
||||
|
||||
errorElement.id = '__sanityError'
|
||||
errorElement.innerHTML = [
|
||||
'<div style="' + ERROR_BOX_STYLE + '">',
|
||||
'<div style="font-weight: 700;">Uncaught error: ' + error.message + '</div>',
|
||||
'<div style="color: #515E72; font-size: 13px; line-height: 17px; margin: 10px 0;">' +
|
||||
filename +
|
||||
':' +
|
||||
lineno +
|
||||
':' +
|
||||
colno +
|
||||
'</div>',
|
||||
'<pre style="' + ERROR_CODE_STYLE + '">' + error.stack + '</pre>',
|
||||
'</div>',
|
||||
].join('')
|
||||
|
||||
errorElement.style.position = 'fixed'
|
||||
errorElement.style.zIndex = 1000000
|
||||
errorElement.style.top = 0
|
||||
errorElement.style.left = 0
|
||||
errorElement.style.right = 0
|
||||
errorElement.style.bottom = 0
|
||||
errorElement.style.padding = '20px'
|
||||
errorElement.style.background = 'rgba(16,17,18,0.66)'
|
||||
errorElement.style.display = 'flex'
|
||||
errorElement.style.alignItems = 'center'
|
||||
errorElement.style.justifyContent = 'center'
|
||||
|
||||
document.body.appendChild(errorElement)
|
||||
}
|
||||
|
||||
// Error listener
|
||||
window.addEventListener('error', (event) => {
|
||||
_handleError({
|
||||
type: 'error',
|
||||
error: event.error,
|
||||
lineno: event.lineno,
|
||||
colno: event.colno,
|
||||
filename: event.filename
|
||||
})
|
||||
})
|
||||
|
||||
// Error listener
|
||||
window.addEventListener('unhandledrejection', (event) => {
|
||||
_handleError({
|
||||
type: 'rejection',
|
||||
error: event.reason
|
||||
})
|
||||
})
|
||||
})()
|
||||
</script><style>
|
||||
@font-face {
|
||||
font-family: Inter;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url("https://studio-static.sanity.io/Inter-Regular.woff2") format("woff2");
|
||||
}
|
||||
@font-face {
|
||||
font-family: Inter;
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url("https://studio-static.sanity.io/Inter-Italic.woff2") format("woff2");
|
||||
}
|
||||
@font-face {
|
||||
font-family: Inter;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-display: swap;
|
||||
src: url("https://studio-static.sanity.io/Inter-Medium.woff2") format("woff2");
|
||||
}
|
||||
@font-face {
|
||||
font-family: Inter;
|
||||
font-style: italic;
|
||||
font-weight: 500;
|
||||
font-display: swap;
|
||||
src: url("https://studio-static.sanity.io/Inter-MediumItalic.woff2") format("woff2");
|
||||
}
|
||||
@font-face {
|
||||
font-family: Inter;
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
font-display: swap;
|
||||
src: url("https://studio-static.sanity.io/Inter-SemiBold.woff2") format("woff2");
|
||||
}
|
||||
@font-face {
|
||||
font-family: Inter;
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
font-display: swap;
|
||||
src: url("https://studio-static.sanity.io/Inter-SemiBoldItalic.woff2") format("woff2");
|
||||
}
|
||||
@font-face {
|
||||
font-family: Inter;
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url("https://studio-static.sanity.io/Inter-Bold.woff2") format("woff2");
|
||||
}
|
||||
@font-face {
|
||||
font-family: Inter;
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url("https://studio-static.sanity.io/Inter-BoldItalic.woff2") format("woff2");
|
||||
}
|
||||
@font-face {
|
||||
font-family: Inter;
|
||||
font-style: normal;
|
||||
font-weight: 800;
|
||||
font-display: swap;
|
||||
src: url("https://studio-static.sanity.io/Inter-ExtraBold.woff2") format("woff2");
|
||||
}
|
||||
@font-face {
|
||||
font-family: Inter;
|
||||
font-style: italic;
|
||||
font-weight: 800;
|
||||
font-display: swap;
|
||||
src: url("https://studio-static.sanity.io/Inter-ExtraBoldItalic.woff2") format("woff2");
|
||||
}
|
||||
@font-face {
|
||||
font-family: Inter;
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
font-display: swap;
|
||||
src: url("https://studio-static.sanity.io/Inter-Black.woff2") format("woff2");
|
||||
}
|
||||
@font-face {
|
||||
font-family: Inter;
|
||||
font-style: italic;
|
||||
font-weight: 900;
|
||||
font-display: swap;
|
||||
src: url("https://studio-static.sanity.io/Inter-BlackItalic.woff2") format("woff2");
|
||||
}
|
||||
html {
|
||||
@media (prefers-color-scheme: dark) {
|
||||
background-color: #13141b;
|
||||
}
|
||||
@media (prefers-color-scheme: light) {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
}
|
||||
html,
|
||||
body,
|
||||
#sanity {
|
||||
height: 100%;
|
||||
}
|
||||
body {
|
||||
margin: 0;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
</style><script src="https://core.sanity-cdn.com/bridge.js" async type="module" data-sanity-core></script>
|
||||
</head><body><div id="sanity"></div><script type="module" src="/.sanity/runtime/app.js"></script><noscript><div class="sanity-app-no-js__root"><div class="sanity-app-no-js__content"><style type="text/css">
|
||||
.sanity-app-no-js__root {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.sanity-app-no-js__content {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
text-align: center;
|
||||
font-family: helvetica, arial, sans-serif;
|
||||
}
|
||||
</style><h1>JavaScript disabled</h1><p>Please <a href="https://www.enable-javascript.com/">enable JavaScript</a> in your browser and reload the page to proceed.</p></div></div></noscript></body></html>
|
||||
21
sanity/package.json
Normal file
21
sanity/package.json
Normal file
@ -0,0 +1,21 @@
|
||||
{
|
||||
"name": "rebours-studio",
|
||||
"private": true,
|
||||
"version": "1.0.0",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "sanity dev",
|
||||
"build": "sanity build",
|
||||
"deploy": "sanity deploy"
|
||||
},
|
||||
"dependencies": {
|
||||
"@sanity/vision": "^3",
|
||||
"react": "^18",
|
||||
"react-dom": "^18",
|
||||
"sanity": "^3",
|
||||
"styled-components": "^6"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@sanity/eslint-config-studio": "^4"
|
||||
}
|
||||
}
|
||||
11601
sanity/pnpm-lock.yaml
generated
Normal file
11601
sanity/pnpm-lock.yaml
generated
Normal file
File diff suppressed because it is too large
Load Diff
9
sanity/sanity.cli.ts
Normal file
9
sanity/sanity.cli.ts
Normal file
@ -0,0 +1,9 @@
|
||||
import { defineCliConfig } from 'sanity/cli'
|
||||
|
||||
export default defineCliConfig({
|
||||
api: {
|
||||
projectId: 'y821x5qu',
|
||||
dataset: 'production',
|
||||
},
|
||||
studioHost: 'rebours',
|
||||
})
|
||||
14
sanity/sanity.config.ts
Normal file
14
sanity/sanity.config.ts
Normal file
@ -0,0 +1,14 @@
|
||||
import { defineConfig } from 'sanity'
|
||||
import { structureTool } from 'sanity/structure'
|
||||
import { schemaTypes } from './schemas'
|
||||
|
||||
export default defineConfig({
|
||||
name: 'rebours',
|
||||
title: 'REBOURS Studio',
|
||||
|
||||
projectId: 'y821x5qu',
|
||||
dataset: 'production',
|
||||
|
||||
plugins: [structureTool()],
|
||||
schema: { types: schemaTypes },
|
||||
})
|
||||
3
sanity/schemas/index.ts
Normal file
3
sanity/schemas/index.ts
Normal file
@ -0,0 +1,3 @@
|
||||
import product from './product'
|
||||
|
||||
export const schemaTypes = [product]
|
||||
180
sanity/schemas/product.ts
Normal file
180
sanity/schemas/product.ts
Normal file
@ -0,0 +1,180 @@
|
||||
import { defineType, defineField } from 'sanity'
|
||||
|
||||
export default defineType({
|
||||
name: 'product',
|
||||
title: 'Produit',
|
||||
type: 'document',
|
||||
orderings: [
|
||||
{
|
||||
title: 'Ordre d\'affichage',
|
||||
name: 'sortOrder',
|
||||
by: [{ field: 'sortOrder', direction: 'asc' }],
|
||||
},
|
||||
],
|
||||
fields: [
|
||||
defineField({
|
||||
name: 'name',
|
||||
title: 'Nom technique',
|
||||
type: 'string',
|
||||
description: 'Nom interne (ex: Solar_Altar)',
|
||||
validation: (rule) => rule.required(),
|
||||
}),
|
||||
defineField({
|
||||
name: 'productDisplayName',
|
||||
title: 'Nom d\'affichage',
|
||||
type: 'string',
|
||||
description: 'Nom affiché au client (ex: Solar Altar)',
|
||||
validation: (rule) => rule.required(),
|
||||
}),
|
||||
defineField({
|
||||
name: 'slug',
|
||||
title: 'Slug',
|
||||
type: 'slug',
|
||||
description: 'URL du produit (auto-généré depuis le nom)',
|
||||
options: {
|
||||
source: 'name',
|
||||
slugify: (input: string) =>
|
||||
input.toLowerCase()
|
||||
.normalize('NFD').replace(/[\u0300-\u036f]/g, '')
|
||||
.replace(/_/g, '-')
|
||||
.replace(/[^a-z0-9-]/g, ''),
|
||||
},
|
||||
validation: (rule) => rule.required(),
|
||||
}),
|
||||
defineField({
|
||||
name: 'sortOrder',
|
||||
title: 'Ordre d\'affichage',
|
||||
type: 'number',
|
||||
initialValue: 0,
|
||||
description: 'Plus petit = affiché en premier',
|
||||
}),
|
||||
defineField({
|
||||
name: 'index',
|
||||
title: 'Index projet',
|
||||
type: 'string',
|
||||
description: 'Ex: PROJET_001',
|
||||
validation: (rule) => rule.required(),
|
||||
}),
|
||||
defineField({
|
||||
name: 'type',
|
||||
title: 'Type de produit',
|
||||
type: 'string',
|
||||
description: 'Ex: LAMPE DE TABLE',
|
||||
validation: (rule) => rule.required(),
|
||||
}),
|
||||
defineField({
|
||||
name: 'materials',
|
||||
title: 'Matériaux',
|
||||
type: 'string',
|
||||
description: 'Ex: BÉTON TEXTURÉ + DÔME CÉRAMIQUE LAQUÉ',
|
||||
validation: (rule) => rule.required(),
|
||||
}),
|
||||
defineField({
|
||||
name: 'year',
|
||||
title: 'Année',
|
||||
type: 'string',
|
||||
initialValue: '2026',
|
||||
validation: (rule) => rule.required(),
|
||||
}),
|
||||
defineField({
|
||||
name: 'status',
|
||||
title: 'Status',
|
||||
type: 'string',
|
||||
description: 'Ex: PROTOTYPE [80%]',
|
||||
validation: (rule) => rule.required(),
|
||||
}),
|
||||
defineField({
|
||||
name: 'description',
|
||||
title: 'Description',
|
||||
type: 'text',
|
||||
rows: 4,
|
||||
validation: (rule) => rule.required(),
|
||||
}),
|
||||
defineField({
|
||||
name: 'specs',
|
||||
title: 'Spécifications techniques',
|
||||
type: 'text',
|
||||
rows: 4,
|
||||
}),
|
||||
defineField({
|
||||
name: 'notes',
|
||||
title: 'Notes de conception',
|
||||
type: 'text',
|
||||
rows: 4,
|
||||
}),
|
||||
defineField({
|
||||
name: 'image',
|
||||
title: 'Image produit',
|
||||
type: 'image',
|
||||
options: { hotspot: true },
|
||||
validation: (rule) => rule.required(),
|
||||
fields: [
|
||||
defineField({
|
||||
name: 'alt',
|
||||
title: 'Texte alternatif',
|
||||
type: 'string',
|
||||
description: 'Description de l\'image pour le SEO et l\'accessibilité',
|
||||
}),
|
||||
],
|
||||
}),
|
||||
defineField({
|
||||
name: 'seoTitle',
|
||||
title: 'Titre SEO',
|
||||
type: 'string',
|
||||
description: 'Auto: REBOURS — {Nom} | Collection 001',
|
||||
}),
|
||||
defineField({
|
||||
name: 'seoDescription',
|
||||
title: 'Description SEO',
|
||||
type: 'text',
|
||||
rows: 2,
|
||||
description: 'Auto: tronqué depuis la description',
|
||||
}),
|
||||
defineField({
|
||||
name: 'price',
|
||||
title: 'Prix (centimes)',
|
||||
type: 'number',
|
||||
description: 'En centimes (180000 = 1 800 €). Laisser vide = non disponible.',
|
||||
}),
|
||||
defineField({
|
||||
name: 'currency',
|
||||
title: 'Devise',
|
||||
type: 'string',
|
||||
initialValue: 'EUR',
|
||||
options: {
|
||||
list: [
|
||||
{ title: 'EUR', value: 'EUR' },
|
||||
{ title: 'USD', value: 'USD' },
|
||||
],
|
||||
},
|
||||
}),
|
||||
defineField({
|
||||
name: 'availability',
|
||||
title: 'Disponibilité',
|
||||
type: 'string',
|
||||
initialValue: 'https://schema.org/PreOrder',
|
||||
options: {
|
||||
list: [
|
||||
{ title: 'Pré-commande', value: 'https://schema.org/PreOrder' },
|
||||
{ title: 'Disponible (limité)', value: 'https://schema.org/LimitedAvailability' },
|
||||
{ title: 'En stock', value: 'https://schema.org/InStock' },
|
||||
{ title: 'Épuisé', value: 'https://schema.org/SoldOut' },
|
||||
],
|
||||
},
|
||||
}),
|
||||
defineField({
|
||||
name: 'isPublished',
|
||||
title: 'Publié',
|
||||
type: 'boolean',
|
||||
initialValue: true,
|
||||
description: 'Décocher pour masquer du site sans supprimer',
|
||||
}),
|
||||
],
|
||||
preview: {
|
||||
select: {
|
||||
title: 'productDisplayName',
|
||||
subtitle: 'type',
|
||||
media: 'image',
|
||||
},
|
||||
},
|
||||
})
|
||||
18
sanity/tsconfig.json
Normal file
18
sanity/tsconfig.json
Normal file
@ -0,0 +1,18 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"target": "ES2017",
|
||||
"lib": ["dom", "dom.iterable", "esnext"],
|
||||
"allowJs": true,
|
||||
"skipLibCheck": true,
|
||||
"strict": true,
|
||||
"forceConsistentCasingInFileNames": true,
|
||||
"noEmit": true,
|
||||
"esModuleInterop": true,
|
||||
"module": "esnext",
|
||||
"moduleResolution": "bundler",
|
||||
"resolveJsonModule": true,
|
||||
"isolatedModules": true,
|
||||
"jsx": "react-jsx"
|
||||
},
|
||||
"include": ["."]
|
||||
}
|
||||
@ -1,155 +0,0 @@
|
||||
#!/usr/bin/env node
|
||||
/**
|
||||
* stripe-purge.mjs
|
||||
* ─────────────────
|
||||
* Supprime TOUS les produits (et leurs prix) du compte Stripe.
|
||||
*
|
||||
* Usage :
|
||||
* node scripts/stripe-purge.mjs # mode dry-run (affiche sans supprimer)
|
||||
* node scripts/stripe-purge.mjs --confirm # suppression réelle
|
||||
*
|
||||
* ⚠️ IRRÉVERSIBLE — utiliser avec précaution
|
||||
*/
|
||||
|
||||
import 'dotenv/config'
|
||||
import Stripe from 'stripe'
|
||||
|
||||
const STRIPE_SECRET_KEY = process.env.STRIPE_SECRET_KEY
|
||||
if (!STRIPE_SECRET_KEY) {
|
||||
console.error('❌ STRIPE_SECRET_KEY manquant dans .env')
|
||||
process.exit(1)
|
||||
}
|
||||
|
||||
const stripe = new Stripe(STRIPE_SECRET_KEY)
|
||||
const dryRun = !process.argv.includes('--confirm')
|
||||
|
||||
if (dryRun) {
|
||||
console.log('🔍 MODE DRY-RUN — aucun produit ne sera supprimé')
|
||||
console.log(' Ajouter --confirm pour supprimer réellement\n')
|
||||
}
|
||||
|
||||
async function archivePrices(productId) {
|
||||
let hasMore = true
|
||||
let startingAfter = undefined
|
||||
let count = 0
|
||||
|
||||
while (hasMore) {
|
||||
const params = { product: productId, active: true, limit: 100 }
|
||||
if (startingAfter) params.starting_after = startingAfter
|
||||
|
||||
const prices = await stripe.prices.list(params)
|
||||
|
||||
for (const price of prices.data) {
|
||||
if (dryRun) {
|
||||
console.log(` 📌 Prix ${price.id} — ${price.unit_amount / 100} ${price.currency.toUpperCase()} (serait archivé)`)
|
||||
} else {
|
||||
await stripe.prices.update(price.id, { active: false })
|
||||
console.log(` ✓ Prix archivé: ${price.id}`)
|
||||
}
|
||||
count++
|
||||
}
|
||||
|
||||
hasMore = prices.has_more
|
||||
if (prices.data.length > 0) {
|
||||
startingAfter = prices.data[prices.data.length - 1].id
|
||||
}
|
||||
}
|
||||
|
||||
return count
|
||||
}
|
||||
|
||||
async function main() {
|
||||
let hasMore = true
|
||||
let startingAfter = undefined
|
||||
let totalProducts = 0
|
||||
let totalPrices = 0
|
||||
|
||||
console.log('🗑️ Récupération des produits Stripe...\n')
|
||||
|
||||
while (hasMore) {
|
||||
const params = { limit: 100, active: true }
|
||||
if (startingAfter) params.starting_after = startingAfter
|
||||
|
||||
const products = await stripe.products.list(params)
|
||||
|
||||
for (const product of products.data) {
|
||||
console.log(`📦 ${product.name || product.id}`)
|
||||
|
||||
// 1. Archiver les prix (obligatoire avant suppression)
|
||||
const priceCount = await archivePrices(product.id)
|
||||
totalPrices += priceCount
|
||||
|
||||
// 2. Archiver puis supprimer le produit
|
||||
if (dryRun) {
|
||||
console.log(` 🗑️ Produit serait supprimé\n`)
|
||||
} else {
|
||||
// D'abord archiver (désactiver)
|
||||
await stripe.products.update(product.id, { active: false })
|
||||
// Puis supprimer (possible uniquement si aucune facture liée)
|
||||
try {
|
||||
await stripe.products.del(product.id)
|
||||
console.log(` ✓ Produit supprimé\n`)
|
||||
} catch (err) {
|
||||
// Si le produit a des factures, on ne peut que l'archiver
|
||||
console.log(` ⚠️ Produit archivé (suppression impossible: ${err.message})\n`)
|
||||
}
|
||||
}
|
||||
|
||||
totalProducts++
|
||||
}
|
||||
|
||||
hasMore = products.has_more
|
||||
if (products.data.length > 0) {
|
||||
startingAfter = products.data[products.data.length - 1].id
|
||||
}
|
||||
}
|
||||
|
||||
// Aussi traiter les produits déjà archivés
|
||||
hasMore = true
|
||||
startingAfter = undefined
|
||||
|
||||
while (hasMore) {
|
||||
const params = { limit: 100, active: false }
|
||||
if (startingAfter) params.starting_after = startingAfter
|
||||
|
||||
const products = await stripe.products.list(params)
|
||||
|
||||
for (const product of products.data) {
|
||||
console.log(`📦 (archivé) ${product.name || product.id}`)
|
||||
|
||||
const priceCount = await archivePrices(product.id)
|
||||
totalPrices += priceCount
|
||||
|
||||
if (dryRun) {
|
||||
console.log(` 🗑️ Produit serait supprimé\n`)
|
||||
} else {
|
||||
try {
|
||||
await stripe.products.del(product.id)
|
||||
console.log(` ✓ Produit supprimé\n`)
|
||||
} catch (err) {
|
||||
console.log(` ⚠️ Non supprimable: ${err.message}\n`)
|
||||
}
|
||||
}
|
||||
|
||||
totalProducts++
|
||||
}
|
||||
|
||||
hasMore = products.has_more
|
||||
if (products.data.length > 0) {
|
||||
startingAfter = products.data[products.data.length - 1].id
|
||||
}
|
||||
}
|
||||
|
||||
console.log('─'.repeat(50))
|
||||
if (dryRun) {
|
||||
console.log(`📊 ${totalProducts} produits et ${totalPrices} prix SERAIENT supprimés`)
|
||||
console.log('\n👉 Relancer avec --confirm pour exécuter')
|
||||
} else {
|
||||
console.log(`✅ ${totalProducts} produits et ${totalPrices} prix traités`)
|
||||
}
|
||||
}
|
||||
|
||||
main().catch(err => {
|
||||
console.error('❌ Erreur:', err.message)
|
||||
process.exit(1)
|
||||
})
|
||||
@ -1,222 +0,0 @@
|
||||
#!/usr/bin/env node
|
||||
/**
|
||||
* stripe-sync.mjs
|
||||
* ────────────────
|
||||
* Synchronise les produits de la BDD vers Stripe :
|
||||
* 1. Pour chaque produit avec un prix (price != null) :
|
||||
* - Crée le Product Stripe (ou le retrouve via metadata.slug)
|
||||
* - Crée le Price Stripe
|
||||
* - Met à jour le stripePriceId dans la BDD
|
||||
* 2. Les produits sans prix sont ignorés
|
||||
*
|
||||
* Usage :
|
||||
* node scripts/stripe-sync.mjs # mode dry-run
|
||||
* node scripts/stripe-sync.mjs --confirm # exécution réelle
|
||||
*/
|
||||
|
||||
import 'dotenv/config'
|
||||
import Stripe from 'stripe'
|
||||
import { PrismaClient } from '@prisma/client'
|
||||
|
||||
const STRIPE_SECRET_KEY = process.env.STRIPE_SECRET_KEY
|
||||
if (!STRIPE_SECRET_KEY) {
|
||||
console.error('❌ STRIPE_SECRET_KEY manquant dans .env')
|
||||
process.exit(1)
|
||||
}
|
||||
|
||||
const stripe = new Stripe(STRIPE_SECRET_KEY)
|
||||
const prisma = new PrismaClient()
|
||||
const dryRun = !process.argv.includes('--confirm')
|
||||
|
||||
if (dryRun) {
|
||||
console.log('🔍 MODE DRY-RUN — rien ne sera créé ni modifié')
|
||||
console.log(' Ajouter --confirm pour exécuter réellement\n')
|
||||
}
|
||||
|
||||
/**
|
||||
* Cherche un produit Stripe existant par metadata.slug
|
||||
*/
|
||||
async function findExistingStripeProduct(slug) {
|
||||
let hasMore = true
|
||||
let startingAfter = undefined
|
||||
|
||||
while (hasMore) {
|
||||
const params = { limit: 100, active: true }
|
||||
if (startingAfter) params.starting_after = startingAfter
|
||||
|
||||
const products = await stripe.products.list(params)
|
||||
|
||||
for (const product of products.data) {
|
||||
if (product.metadata?.slug === slug) {
|
||||
return product
|
||||
}
|
||||
}
|
||||
|
||||
hasMore = products.has_more
|
||||
if (products.data.length > 0) {
|
||||
startingAfter = products.data[products.data.length - 1].id
|
||||
}
|
||||
}
|
||||
|
||||
return null
|
||||
}
|
||||
|
||||
/**
|
||||
* Cherche un prix actif existant pour un produit Stripe
|
||||
* avec le bon montant et la bonne devise
|
||||
*/
|
||||
async function findExistingPrice(stripeProductId, amount, currency) {
|
||||
const prices = await stripe.prices.list({
|
||||
product: stripeProductId,
|
||||
active: true,
|
||||
limit: 100,
|
||||
})
|
||||
|
||||
return prices.data.find(
|
||||
p => p.unit_amount === amount && p.currency === currency.toLowerCase()
|
||||
)
|
||||
}
|
||||
|
||||
async function main() {
|
||||
// Récupérer tous les produits publiés avec un prix
|
||||
const products = await prisma.product.findMany({
|
||||
where: {
|
||||
isPublished: true,
|
||||
price: { not: null },
|
||||
},
|
||||
orderBy: { sortOrder: 'asc' },
|
||||
})
|
||||
|
||||
if (products.length === 0) {
|
||||
console.log('ℹ️ Aucun produit avec un prix trouvé dans la BDD')
|
||||
return
|
||||
}
|
||||
|
||||
console.log(`📦 ${products.length} produit(s) à synchroniser vers Stripe\n`)
|
||||
|
||||
let created = 0
|
||||
let updated = 0
|
||||
let skipped = 0
|
||||
|
||||
for (const product of products) {
|
||||
const priceCents = product.price
|
||||
const currency = product.currency.toLowerCase()
|
||||
|
||||
console.log(`── ${product.productDisplayName} (${product.slug})`)
|
||||
console.log(` Prix: ${priceCents / 100} ${currency.toUpperCase()}`)
|
||||
|
||||
// 1. Chercher ou créer le Product Stripe
|
||||
let stripeProduct = await findExistingStripeProduct(product.slug)
|
||||
|
||||
if (stripeProduct) {
|
||||
console.log(` ✓ Produit Stripe existant: ${stripeProduct.id}`)
|
||||
|
||||
if (!dryRun) {
|
||||
// Mettre à jour les infos du produit
|
||||
stripeProduct = await stripe.products.update(stripeProduct.id, {
|
||||
name: product.productDisplayName,
|
||||
description: product.description,
|
||||
images: product.ogImage ? [product.ogImage] : undefined,
|
||||
metadata: {
|
||||
slug: product.slug,
|
||||
stripeKey: product.stripeKey || product.slug,
|
||||
dbId: product.id,
|
||||
},
|
||||
})
|
||||
console.log(` ✓ Produit Stripe mis à jour`)
|
||||
}
|
||||
} else {
|
||||
if (dryRun) {
|
||||
console.log(` 📌 Produit Stripe SERAIT créé`)
|
||||
} else {
|
||||
stripeProduct = await stripe.products.create({
|
||||
name: product.productDisplayName,
|
||||
description: product.description,
|
||||
images: product.ogImage ? [product.ogImage] : [],
|
||||
metadata: {
|
||||
slug: product.slug,
|
||||
stripeKey: product.stripeKey || product.slug,
|
||||
dbId: product.id,
|
||||
},
|
||||
})
|
||||
console.log(` ✓ Produit Stripe créé: ${stripeProduct.id}`)
|
||||
}
|
||||
}
|
||||
|
||||
// 2. Chercher ou créer le Price Stripe
|
||||
let stripePrice = null
|
||||
|
||||
if (stripeProduct) {
|
||||
stripePrice = await findExistingPrice(stripeProduct.id, priceCents, currency)
|
||||
}
|
||||
|
||||
if (stripePrice) {
|
||||
console.log(` ✓ Prix Stripe existant: ${stripePrice.id} (${priceCents / 100} ${currency.toUpperCase()})`)
|
||||
|
||||
// Vérifier si le stripePriceId dans la BDD est à jour
|
||||
if (product.stripePriceId === stripePrice.id) {
|
||||
console.log(` ✓ BDD déjà à jour`)
|
||||
skipped++
|
||||
} else {
|
||||
if (dryRun) {
|
||||
console.log(` 📌 stripePriceId SERAIT mis à jour: ${product.stripePriceId || '(vide)'} → ${stripePrice.id}`)
|
||||
updated++
|
||||
} else {
|
||||
await prisma.product.update({
|
||||
where: { id: product.id },
|
||||
data: { stripePriceId: stripePrice.id },
|
||||
})
|
||||
console.log(` ✓ BDD mise à jour: stripePriceId = ${stripePrice.id}`)
|
||||
updated++
|
||||
}
|
||||
}
|
||||
} else {
|
||||
// Créer un nouveau prix
|
||||
if (dryRun) {
|
||||
console.log(` 📌 Prix Stripe SERAIT créé: ${priceCents / 100} ${currency.toUpperCase()}`)
|
||||
console.log(` 📌 stripePriceId SERAIT mis à jour dans la BDD`)
|
||||
created++
|
||||
} else {
|
||||
stripePrice = await stripe.prices.create({
|
||||
product: stripeProduct.id,
|
||||
unit_amount: priceCents,
|
||||
currency: currency,
|
||||
metadata: {
|
||||
slug: product.slug,
|
||||
dbId: product.id,
|
||||
},
|
||||
})
|
||||
console.log(` ✓ Prix Stripe créé: ${stripePrice.id}`)
|
||||
|
||||
// 3. Mettre à jour le stripePriceId dans la BDD
|
||||
await prisma.product.update({
|
||||
where: { id: product.id },
|
||||
data: { stripePriceId: stripePrice.id },
|
||||
})
|
||||
console.log(` ✓ BDD mise à jour: stripePriceId = ${stripePrice.id}`)
|
||||
created++
|
||||
}
|
||||
}
|
||||
|
||||
console.log()
|
||||
}
|
||||
|
||||
console.log('─'.repeat(50))
|
||||
if (dryRun) {
|
||||
console.log(`📊 Résumé (dry-run) :`)
|
||||
console.log(` ${created} produit(s)/prix SERAIENT créés`)
|
||||
console.log(` ${updated} stripePriceId SERAIENT mis à jour`)
|
||||
console.log(` ${skipped} déjà synchronisé(s)`)
|
||||
console.log(`\n👉 Relancer avec --confirm pour exécuter`)
|
||||
} else {
|
||||
console.log(`✅ Synchronisation terminée :`)
|
||||
console.log(` ${created} créé(s), ${updated} mis à jour, ${skipped} inchangé(s)`)
|
||||
}
|
||||
}
|
||||
|
||||
main()
|
||||
.catch(err => {
|
||||
console.error('❌ Erreur:', err.message)
|
||||
process.exit(1)
|
||||
})
|
||||
.finally(() => prisma.$disconnect())
|
||||
@ -1,14 +1,36 @@
|
||||
import { PrismaClient } from '@prisma/client'
|
||||
import bcrypt from 'bcrypt'
|
||||
import { createClient } from '@sanity/client'
|
||||
import { readFileSync } from 'fs'
|
||||
import { resolve } from 'path'
|
||||
import dotenv from 'dotenv'
|
||||
|
||||
const prisma = new PrismaClient()
|
||||
dotenv.config()
|
||||
|
||||
const client = createClient({
|
||||
projectId: process.env.SANITY_PROJECT_ID,
|
||||
dataset: process.env.SANITY_DATASET || 'production',
|
||||
apiVersion: '2024-01-01',
|
||||
useCdn: false,
|
||||
token: process.env.SANITY_API_TOKEN,
|
||||
})
|
||||
|
||||
|
||||
|
||||
// ── Upload image to Sanity ─────────────────────────────────────────────────
|
||||
async function uploadImage(filePath, filename) {
|
||||
const buffer = readFileSync(resolve(filePath))
|
||||
const asset = await client.assets.upload('image', buffer, { filename })
|
||||
console.log(` ✓ Image uploaded: ${filename} → ${asset._id}`)
|
||||
return asset._id
|
||||
}
|
||||
|
||||
// ── Products data ──────────────────────────────────────────────────────────
|
||||
const PRODUCTS = [
|
||||
{
|
||||
slug: 'solar-altar',
|
||||
name: 'Solar_Altar',
|
||||
productDisplayName: 'Solar Altar',
|
||||
slug: { _type: 'slug', current: 'solar-altar' },
|
||||
sortOrder: 0,
|
||||
index: 'PROJET_001',
|
||||
name: 'Solar_Altar',
|
||||
type: 'LAMPE DE TABLE',
|
||||
materials: 'BÉTON TEXTURÉ + DÔME CÉRAMIQUE LAQUÉ',
|
||||
year: '2026',
|
||||
@ -16,24 +38,21 @@ const PRODUCTS = [
|
||||
description: 'Exploration de la lumière à travers des contraintes géométriques. Le dôme sphérique en céramique laquée coiffe un corps en béton texturé peint à la main. Chaque pièce est unique.',
|
||||
specs: 'H: 45cm / Ø: 18cm\nPoids: 3.2kg\nAlimentation: 220V — E27\nCâble: tressé rouge 2m',
|
||||
notes: 'Inspiré des lampadaires soviétiques des années 60. Le béton est coulé à la main dans des moules uniques. La peinture acrylique est appliquée au spalter.',
|
||||
imagePath: '/assets/lamp-violet.jpg',
|
||||
imageFile: 'public/assets/lamp-violet.jpg',
|
||||
imageAlt: 'Solar Altar — Lampe béton violet, dôme céramique bleu, REBOURS 2026',
|
||||
seoTitle: 'REBOURS — Solar Altar | Collection 001',
|
||||
seoDescription: 'Lampe de table unique. Béton texturé coulé à la main + dôme céramique laqué. Pièce unique fabriquée à Paris.',
|
||||
ogImage: 'https://rebours.studio/assets/lamp-violet.jpg',
|
||||
productDisplayName: 'Solar Altar',
|
||||
price: 180000, // 1800 EUR in cents
|
||||
price: 180000,
|
||||
currency: 'EUR',
|
||||
availability: 'https://schema.org/LimitedAvailability',
|
||||
stripePriceId: null,
|
||||
stripeKey: 'lumiere_orbitale',
|
||||
isPublished: true,
|
||||
},
|
||||
{
|
||||
slug: 'table-terrazzo',
|
||||
name: 'TABLE_TERRAZZO',
|
||||
productDisplayName: 'Table Terrazzo',
|
||||
slug: { _type: 'slug', current: 'table-terrazzo' },
|
||||
sortOrder: 1,
|
||||
index: 'PROJET_002',
|
||||
name: 'TABLE_TERRAZZO',
|
||||
type: 'TABLE BASSE + ÉTAGÈRE MODULAIRE',
|
||||
materials: 'TERRAZZO + ACIER TUBULAIRE + RÉSINE',
|
||||
year: '2026',
|
||||
@ -41,24 +60,21 @@ const PRODUCTS = [
|
||||
description: "Collision du brutalisme et de la couleur Memphis. Le plateau en terrazzo fait à la main intègre des inclusions de marbre rose et bleu. Les colonnes cylindriques bicolores sont en acier peint au four.",
|
||||
specs: 'Table: L120 × P60 × H38cm\nPoids plateau: 28kg\nPieds: acier Ø60mm\nÉtagère: H180 × L80 × P35cm',
|
||||
notes: "Le terrazzo est réalisé dans l'atelier de Pantin. Chaque dalle est unique. L'étagère est assemblée à partir de tubes industriels récupérés et de panneaux laqués.",
|
||||
imagePath: '/assets/table-terrazzo.jpg',
|
||||
imageFile: 'public/assets/table-terrazzo.jpg',
|
||||
imageAlt: 'TABLE TERRAZZO — Table basse terrazzo et étagère acier, REBOURS 2026',
|
||||
seoTitle: 'REBOURS — TABLE TERRAZZO | Collection 001',
|
||||
seoDescription: 'Table basse et étagère modulaire. Terrazzo fait main + acier tubulaire. Pièce unique fabriquée à Paris.',
|
||||
ogImage: 'https://rebours.studio/assets/table-terrazzo.jpg',
|
||||
productDisplayName: 'Table Terrazzo',
|
||||
price: null,
|
||||
currency: 'EUR',
|
||||
availability: 'https://schema.org/PreOrder',
|
||||
stripePriceId: null,
|
||||
stripeKey: 'table_terrazzo',
|
||||
isPublished: true,
|
||||
},
|
||||
{
|
||||
slug: 'module-serie',
|
||||
name: 'MODULE_SÉRIE',
|
||||
productDisplayName: 'Module Série',
|
||||
slug: { _type: 'slug', current: 'module-serie' },
|
||||
sortOrder: 2,
|
||||
index: 'PROJET_003',
|
||||
name: 'MODULE_SÉRIE',
|
||||
type: 'LAMPES — SÉRIE LIMITÉE',
|
||||
materials: 'BÉTON COLORÉ + DÔME LAQUÉ + NÉON',
|
||||
year: '2026',
|
||||
@ -66,48 +82,47 @@ const PRODUCTS = [
|
||||
description: "Série de 7 lampes aux corps béton colorés, chacune avec un dôme d'une couleur différente. Les néons horizontaux créent un anneau lumineux entre le dôme et le corps.",
|
||||
specs: 'H: 35–65cm (7 tailles)\nDôme: Ø15–28cm\nAnneau néon: 8W — 3000K\nÉdition: 7 ex. par coloris',
|
||||
notes: 'Les corps sont coulés en série mais peints individuellement. Les dômes sont réalisés par un souffleur de verre artisanal. Le câble tressé rouge est la signature de la série.',
|
||||
imagePath: '/assets/lampes-serie.jpg',
|
||||
imageFile: 'public/assets/lampes-serie.jpg',
|
||||
imageAlt: 'MODULE SÉRIE — Collection de 7 lampes béton colorées, REBOURS 2026',
|
||||
seoTitle: 'REBOURS — MODULE SÉRIE | Collection 001',
|
||||
seoDescription: 'Série de 7 lampes béton colorées, dôme laqué et néon. Édition limitée fabriquée à Paris.',
|
||||
ogImage: 'https://rebours.studio/assets/lampes-serie.jpg',
|
||||
productDisplayName: 'Module Série',
|
||||
price: null,
|
||||
currency: 'EUR',
|
||||
availability: 'https://schema.org/PreOrder',
|
||||
stripePriceId: null,
|
||||
stripeKey: 'module_serie',
|
||||
isPublished: true,
|
||||
},
|
||||
]
|
||||
|
||||
async function main() {
|
||||
// Seed products
|
||||
// ── Seed ───────────────────────────────────────────────────────────────────
|
||||
async function seed() {
|
||||
console.log('🌱 Seeding Sanity...\n')
|
||||
|
||||
for (const product of PRODUCTS) {
|
||||
await prisma.product.upsert({
|
||||
where: { slug: product.slug },
|
||||
update: product,
|
||||
create: product,
|
||||
})
|
||||
console.log(`✓ Product: ${product.name}`)
|
||||
const { imageFile, imageAlt, ...data } = product
|
||||
|
||||
// Upload image
|
||||
console.log(`📦 ${product.name}`)
|
||||
const imageAssetId = await uploadImage(imageFile, imageFile.split('/').pop())
|
||||
|
||||
// Create document
|
||||
const doc = {
|
||||
_type: 'product',
|
||||
...data,
|
||||
image: {
|
||||
_type: 'image',
|
||||
alt: imageAlt,
|
||||
asset: { _type: 'reference', _ref: imageAssetId },
|
||||
},
|
||||
}
|
||||
|
||||
const result = await client.create(doc)
|
||||
console.log(` ✓ Created: ${result._id}\n`)
|
||||
}
|
||||
|
||||
// Seed admin user
|
||||
const email = process.env.ADMIN_EMAIL ?? 'admin@rebours.studio'
|
||||
const password = process.env.ADMIN_PASSWORD ?? 'changeme'
|
||||
const passwordHash = await bcrypt.hash(password, 10)
|
||||
|
||||
await prisma.adminUser.upsert({
|
||||
where: { email },
|
||||
update: { passwordHash },
|
||||
create: { email, passwordHash },
|
||||
})
|
||||
console.log(`✓ Admin user: ${email}`)
|
||||
console.log('✅ Seed complete!')
|
||||
}
|
||||
|
||||
main()
|
||||
.catch((e) => {
|
||||
console.error(e)
|
||||
process.exit(1)
|
||||
})
|
||||
.finally(() => prisma.$disconnect())
|
||||
seed().catch((err) => {
|
||||
console.error('❌ Seed failed:', err.message)
|
||||
process.exit(1)
|
||||
})
|
||||
142
server.mjs
142
server.mjs
@ -1,28 +1,29 @@
|
||||
import Fastify from 'fastify'
|
||||
import cors from '@fastify/cors'
|
||||
import fastifyStatic from '@fastify/static'
|
||||
import Stripe from 'stripe'
|
||||
import { createClient } from '@sanity/client'
|
||||
import dotenv from 'dotenv'
|
||||
import path from 'path'
|
||||
import { setupAdmin } from './admin.mjs'
|
||||
import { prisma } from './src/lib/db.mjs'
|
||||
|
||||
dotenv.config()
|
||||
|
||||
// ── Sanity client ──────────────────────────────────────────────────────────
|
||||
const sanity = createClient({
|
||||
projectId: process.env.SANITY_PROJECT_ID,
|
||||
dataset: process.env.SANITY_DATASET || 'production',
|
||||
apiVersion: '2024-01-01',
|
||||
useCdn: false, // Server-side: always fresh data
|
||||
token: process.env.SANITY_API_TOKEN, // Optional: for authenticated reads
|
||||
})
|
||||
|
||||
// ── Stripe ─────────────────────────────────────────────────────────────────
|
||||
const stripe = new Stripe(process.env.STRIPE_SECRET_KEY ?? '')
|
||||
const DOMAIN = process.env.DOMAIN ?? 'http://localhost:4321'
|
||||
|
||||
// ── Fastify ────────────────────────────────────────────────────────────────
|
||||
const app = Fastify({ logger: true, trustProxy: true })
|
||||
await app.register(cors, { origin: '*', methods: ['GET', 'POST'] })
|
||||
|
||||
// Serve uploaded images
|
||||
await app.register(fastifyStatic, {
|
||||
root: path.resolve('uploads'),
|
||||
prefix: '/uploads/',
|
||||
decorateReply: false,
|
||||
})
|
||||
|
||||
// ── Webhook Stripe (AVANT AdminJS pour éviter les conflits de body parsing) ─
|
||||
// ── Webhook Stripe ─────────────────────────────────────────────────────────
|
||||
app.post('/api/webhook', {
|
||||
config: { rawBody: true },
|
||||
onRequest: (request, reply, done) => {
|
||||
@ -31,7 +32,7 @@ app.post('/api/webhook', {
|
||||
request.req.on('end', done)
|
||||
},
|
||||
}, async (request, reply) => {
|
||||
const sig = request.headers['stripe-signature']
|
||||
const sig = request.headers['stripe-signature']
|
||||
const webhookSecret = process.env.STRIPE_WEBHOOK_SECRET
|
||||
if (!sig || !webhookSecret) return reply.code(400).send('Missing signature')
|
||||
|
||||
@ -45,100 +46,71 @@ app.post('/api/webhook', {
|
||||
if (event.type === 'checkout.session.completed') {
|
||||
const session = event.data.object
|
||||
if (session.payment_status === 'paid') {
|
||||
app.log.info(`✓ Paiement — ${session.id} — ${session.customer_details?.email}`)
|
||||
|
||||
// Find product by stripeKey
|
||||
const stripeKey = session.metadata?.product
|
||||
const product = stripeKey
|
||||
? await prisma.product.findFirst({ where: { stripeKey } })
|
||||
: null
|
||||
|
||||
await prisma.order.upsert({
|
||||
where: { stripeSessionId: session.id },
|
||||
create: {
|
||||
stripeSessionId: session.id,
|
||||
stripePaymentIntent: typeof session.payment_intent === 'string' ? session.payment_intent : null,
|
||||
status: 'paid',
|
||||
amount: session.amount_total ?? 0,
|
||||
currency: session.currency ?? 'eur',
|
||||
customerEmail: session.customer_details?.email ?? null,
|
||||
productId: product?.id ?? null,
|
||||
productSlug: product?.slug ?? stripeKey ?? null,
|
||||
metadata: session.metadata ?? null,
|
||||
},
|
||||
update: { status: 'paid' },
|
||||
})
|
||||
app.log.info(
|
||||
`✓ Paiement confirmé — ${session.id} — ${session.customer_details?.email} — ${session.metadata?.product}`
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
return { received: true }
|
||||
})
|
||||
|
||||
// ── AdminJS ─────────────────────────────────────────────────────────────────
|
||||
await setupAdmin(app)
|
||||
|
||||
// ── SEO ─────────────────────────────────────────────────────────────────────
|
||||
app.get('/robots.txt', (_, reply) => {
|
||||
reply
|
||||
.type('text/plain')
|
||||
.header('Cache-Control', 'public, max-age=86400')
|
||||
.send(`User-agent: *\nAllow: /\nSitemap: ${DOMAIN}/sitemap.xml\n`)
|
||||
})
|
||||
|
||||
app.get('/sitemap.xml', async (_, reply) => {
|
||||
const today = new Date().toISOString().split('T')[0]
|
||||
const products = await prisma.product.findMany({
|
||||
where: { isPublished: true },
|
||||
select: { slug: true },
|
||||
})
|
||||
const productUrls = products
|
||||
.map(p => ` <url><loc>${DOMAIN}/collection/${p.slug}</loc><lastmod>${today}</lastmod><changefreq>weekly</changefreq><priority>0.8</priority></url>`)
|
||||
.join('\n')
|
||||
|
||||
reply
|
||||
.type('application/xml')
|
||||
.header('Cache-Control', 'public, max-age=86400')
|
||||
.send(
|
||||
`<?xml version="1.0" encoding="UTF-8"?>\n<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">\n <url><loc>${DOMAIN}/</loc><lastmod>${today}</lastmod><changefreq>weekly</changefreq><priority>1.0</priority></url>\n${productUrls}\n</urlset>`
|
||||
)
|
||||
})
|
||||
|
||||
// ── Health check ────────────────────────────────────────────────────────────
|
||||
app.get('/api/health', async () => ({ status: 'ok' }))
|
||||
|
||||
// ── Checkout Stripe ─────────────────────────────────────────────────────────
|
||||
app.post('/api/checkout', async (request, reply) => {
|
||||
const { product, email } = request.body ?? {}
|
||||
const { product: slug, email } = request.body ?? {}
|
||||
|
||||
// Lookup by stripeKey (compat frontend: "lumiere_orbitale")
|
||||
const p = await prisma.product.findFirst({
|
||||
where: { stripeKey: product, isPublished: true },
|
||||
select: { stripePriceId: true, stripeKey: true },
|
||||
})
|
||||
if (!p || !p.stripePriceId) return reply.code(404).send({ error: 'Produit inconnu' })
|
||||
if (!slug) return reply.code(400).send({ error: 'Produit manquant' })
|
||||
|
||||
// Fetch product from Sanity
|
||||
const product = await sanity.fetch(
|
||||
`*[_type == "product" && slug.current == $slug && isPublished == true][0]{
|
||||
productDisplayName,
|
||||
description,
|
||||
price,
|
||||
currency,
|
||||
"imageUrl": image.asset->url,
|
||||
"slug": slug.current
|
||||
}`,
|
||||
{ slug }
|
||||
)
|
||||
|
||||
if (!product || !product.price) {
|
||||
return reply.code(404).send({ error: 'Produit non disponible' })
|
||||
}
|
||||
|
||||
let session
|
||||
try {
|
||||
session = await stripe.checkout.sessions.create({
|
||||
const session = await stripe.checkout.sessions.create({
|
||||
mode: 'payment',
|
||||
payment_method_types: ['card', 'link'],
|
||||
line_items: [{
|
||||
price: p.stripePriceId,
|
||||
price_data: {
|
||||
currency: (product.currency || 'EUR').toLowerCase(),
|
||||
product_data: {
|
||||
name: product.productDisplayName,
|
||||
description: product.description?.substring(0, 500) || undefined,
|
||||
images: product.imageUrl ? [product.imageUrl] : [],
|
||||
},
|
||||
unit_amount: product.price,
|
||||
},
|
||||
quantity: 1,
|
||||
}],
|
||||
metadata: { product },
|
||||
success_url: `${DOMAIN}/success?session_id={CHECKOUT_SESSION_ID}`,
|
||||
cancel_url: `${DOMAIN}/#collection`,
|
||||
locale: 'fr',
|
||||
metadata: { product: slug },
|
||||
success_url: `${DOMAIN}/success?session_id={CHECKOUT_SESSION_ID}`,
|
||||
cancel_url: `${DOMAIN}/#collection`,
|
||||
locale: 'fr',
|
||||
customer_email: email ?? undefined,
|
||||
custom_text: {
|
||||
submit: { message: 'Pièce unique — fabriquée à Paris. Délai : 6 à 8 semaines.' },
|
||||
},
|
||||
})
|
||||
return { url: session.url }
|
||||
} catch (err) {
|
||||
app.log.error(err)
|
||||
return reply.code(500).send({ error: err.message })
|
||||
}
|
||||
return { url: session.url }
|
||||
})
|
||||
|
||||
// ── Vérification session ────────────────────────────────────────────────────
|
||||
@ -148,12 +120,12 @@ app.get('/api/session/:id', async (request) => {
|
||||
})
|
||||
const charge = session.payment_intent?.latest_charge
|
||||
return {
|
||||
status: session.payment_status,
|
||||
amount: session.amount_total,
|
||||
currency: session.currency,
|
||||
status: session.payment_status,
|
||||
amount: session.amount_total,
|
||||
currency: session.currency,
|
||||
customer_email: session.customer_details?.email ?? null,
|
||||
product: session.metadata?.product ?? null,
|
||||
receipt_url: charge?.receipt_url ?? null,
|
||||
product: session.metadata?.product ?? null,
|
||||
receipt_url: charge?.receipt_url ?? null,
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
@ -1,5 +0,0 @@
|
||||
import { PrismaClient } from '@prisma/client'
|
||||
|
||||
const globalForPrisma = globalThis
|
||||
export const prisma = globalForPrisma.__prisma ?? new PrismaClient()
|
||||
if (process.env.NODE_ENV !== 'production') globalForPrisma.__prisma = prisma
|
||||
53
src/lib/sanity.mjs
Normal file
53
src/lib/sanity.mjs
Normal file
@ -0,0 +1,53 @@
|
||||
import { createClient } from '@sanity/client'
|
||||
import imageUrlBuilder from '@sanity/image-url'
|
||||
|
||||
export const sanity = createClient({
|
||||
projectId: import.meta.env.SANITY_PROJECT_ID,
|
||||
dataset: import.meta.env.SANITY_DATASET || 'production',
|
||||
apiVersion: '2024-01-01',
|
||||
useCdn: true,
|
||||
})
|
||||
|
||||
const builder = imageUrlBuilder(sanity)
|
||||
|
||||
export function urlFor(source) {
|
||||
return builder.image(source)
|
||||
}
|
||||
|
||||
// ── Queries ────────────────────────────────────────────────────────────────
|
||||
|
||||
const PRODUCT_FIELDS = `
|
||||
"slug": slug.current,
|
||||
name,
|
||||
productDisplayName,
|
||||
sortOrder,
|
||||
index,
|
||||
type,
|
||||
materials,
|
||||
year,
|
||||
status,
|
||||
description,
|
||||
specs,
|
||||
notes,
|
||||
image,
|
||||
"imageAlt": image.alt,
|
||||
seoTitle,
|
||||
seoDescription,
|
||||
price,
|
||||
currency,
|
||||
availability,
|
||||
isPublished
|
||||
`
|
||||
|
||||
export async function getPublishedProducts() {
|
||||
return sanity.fetch(
|
||||
`*[_type == "product" && isPublished == true] | order(sortOrder asc) { ${PRODUCT_FIELDS} }`
|
||||
)
|
||||
}
|
||||
|
||||
export async function getProductBySlug(slug) {
|
||||
return sanity.fetch(
|
||||
`*[_type == "product" && slug.current == $slug && isPublished == true][0] { ${PRODUCT_FIELDS} }`,
|
||||
{ slug }
|
||||
)
|
||||
}
|
||||
@ -1,34 +1,28 @@
|
||||
---
|
||||
import Base from '../../layouts/Base.astro';
|
||||
import { prisma } from '../../lib/db.mjs';
|
||||
import { getPublishedProducts, urlFor } from '../../lib/sanity.mjs';
|
||||
|
||||
export async function getStaticPaths() {
|
||||
const products = await prisma.product.findMany({
|
||||
where: { isPublished: true },
|
||||
orderBy: { sortOrder: 'asc' },
|
||||
});
|
||||
const products = await getPublishedProducts();
|
||||
|
||||
return products.map(p => ({
|
||||
params: { slug: p.slug },
|
||||
props: {
|
||||
slug: p.slug,
|
||||
name: p.name,
|
||||
title: p.seoTitle,
|
||||
description: p.seoDescription,
|
||||
ogImage: p.ogImage,
|
||||
title: p.seoTitle || `REBOURS — ${p.productDisplayName} | Collection 001`,
|
||||
description: p.seoDescription || p.description?.substring(0, 155) || '',
|
||||
ogImage: p.image ? urlFor(p.image).width(1200).url() : '',
|
||||
productName: p.productDisplayName,
|
||||
price: p.price ? String(p.price / 100) : null,
|
||||
availability: p.availability,
|
||||
availability: p.availability || 'https://schema.org/PreOrder',
|
||||
},
|
||||
}));
|
||||
}
|
||||
|
||||
const { slug, title, description, ogImage, name, productName, price, availability } = Astro.props;
|
||||
|
||||
const allProducts = await prisma.product.findMany({
|
||||
where: { isPublished: true },
|
||||
orderBy: { sortOrder: 'asc' },
|
||||
});
|
||||
const allProducts = await getPublishedProducts();
|
||||
|
||||
const schemaProduct = {
|
||||
"@context": "https://schema.org",
|
||||
@ -71,10 +65,8 @@ const schemaBreadcrumb = {
|
||||
<script type="application/ld+json" set:html={JSON.stringify(schemaBreadcrumb)} />
|
||||
</Fragment>
|
||||
|
||||
<!-- On charge index.html entier et on ouvre le panel via JS au load -->
|
||||
<meta name="x-open-panel" content={name} />
|
||||
|
||||
<!-- Avant le DOM : on note quel panel ouvrir -->
|
||||
<script is:inline>
|
||||
window.__OPEN_PANEL__ = document.querySelector('meta[name="x-open-panel"]')?.content;
|
||||
</script>
|
||||
@ -181,12 +173,14 @@ const schemaBreadcrumb = {
|
||||
<p class="hero-sub mono-sm">STATUS: [PROTOTYPE EN COURS]<br>COLLECTION_001 — BIENTÔT DISPONIBLE</p>
|
||||
</div>
|
||||
<div class="hero-right">
|
||||
<img
|
||||
src="/assets/table-terrazzo.jpg"
|
||||
alt="REBOURS — Table Terrazzo, plateau terrazzo et acier tubulaire, Paris 2026"
|
||||
class="hero-img"
|
||||
width="1024" height="1024"
|
||||
fetchpriority="high">
|
||||
{allProducts[0]?.image && (
|
||||
<img
|
||||
src={urlFor(allProducts[0].image).width(1024).url()}
|
||||
alt="REBOURS — Mobilier d'art contemporain, Paris 2026"
|
||||
class="hero-img"
|
||||
width="1024" height="1024"
|
||||
fetchpriority="high">
|
||||
)}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@ -199,35 +193,39 @@ const schemaBreadcrumb = {
|
||||
</div>
|
||||
|
||||
<div class="product-grid">
|
||||
{allProducts.map((p, i) => (
|
||||
<article class="product-card"
|
||||
data-index={p.index}
|
||||
data-name={p.name}
|
||||
data-type={p.type}
|
||||
data-mat={p.materials}
|
||||
data-year={p.year}
|
||||
data-status={p.status}
|
||||
data-desc={p.description}
|
||||
data-specs={p.specs}
|
||||
data-notes={p.notes}
|
||||
data-img={p.imagePath}
|
||||
data-price={p.price ? String(p.price) : ''}
|
||||
data-stripe-key={p.stripeKey ?? ''}
|
||||
data-img-alt={p.imageAlt || `${p.productDisplayName} — mobilier d'art contemporain, REBOURS Studio Paris`}
|
||||
aria-label={`Ouvrir le détail de ${p.productDisplayName}`}>
|
||||
<div class="card-img-wrap">
|
||||
<img src={p.imagePath}
|
||||
alt={p.imageAlt || `${p.productDisplayName} — mobilier d'art contemporain, REBOURS Studio Paris`}
|
||||
width="600" height="600"
|
||||
loading={i === 0 ? "eager" : "lazy"}>
|
||||
</div>
|
||||
<div class="card-meta">
|
||||
<span class="card-index">{String(i + 1).padStart(3, '0')}</span>
|
||||
<span class="card-name">{p.name}</span>
|
||||
<span class="card-arrow">↗</span>
|
||||
</div>
|
||||
</article>
|
||||
))}
|
||||
{allProducts.map((p, i) => {
|
||||
const imgUrl = p.image ? urlFor(p.image).width(800).url() : '';
|
||||
const alt = p.imageAlt || `${p.productDisplayName} — mobilier d'art contemporain, REBOURS Studio Paris`;
|
||||
return (
|
||||
<article class="product-card"
|
||||
data-index={p.index}
|
||||
data-name={p.name}
|
||||
data-type={p.type}
|
||||
data-mat={p.materials}
|
||||
data-year={p.year}
|
||||
data-status={p.status}
|
||||
data-desc={p.description}
|
||||
data-specs={p.specs || ''}
|
||||
data-notes={p.notes || ''}
|
||||
data-img={p.image ? urlFor(p.image).width(1200).url() : ''}
|
||||
data-price={p.price ? String(p.price) : ''}
|
||||
data-slug={p.slug}
|
||||
data-img-alt={alt}
|
||||
aria-label={`Ouvrir le détail de ${p.productDisplayName}`}>
|
||||
<div class="card-img-wrap">
|
||||
<img src={imgUrl}
|
||||
alt={alt}
|
||||
width="600" height="600"
|
||||
loading={i === 0 ? "eager" : "lazy"}>
|
||||
</div>
|
||||
<div class="card-meta">
|
||||
<span class="card-index">{String(i + 1).padStart(3, '0')}</span>
|
||||
<span class="card-name">{p.name}</span>
|
||||
<span class="card-arrow">↗</span>
|
||||
</div>
|
||||
</article>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
@ -1,11 +1,12 @@
|
||||
---
|
||||
import Base from '../layouts/Base.astro';
|
||||
import { prisma } from '../lib/db.mjs';
|
||||
import { getPublishedProducts, urlFor } from '../lib/sanity.mjs';
|
||||
|
||||
const products = await prisma.product.findMany({
|
||||
where: { isPublished: true },
|
||||
orderBy: { sortOrder: 'asc' },
|
||||
});
|
||||
const products = await getPublishedProducts();
|
||||
|
||||
const firstImage = products[0]?.image
|
||||
? urlFor(products[0].image).width(1024).url()
|
||||
: '/assets/table-terrazzo.jpg';
|
||||
|
||||
const schemaOrg = {
|
||||
"@context": "https://schema.org",
|
||||
@ -13,7 +14,7 @@ const schemaOrg = {
|
||||
"name": "REBOURS Studio",
|
||||
"description": "Mobilier d'art contemporain. Space Age × Memphis. Pièces uniques fabriquées à Paris.",
|
||||
"url": "https://rebours.studio/",
|
||||
"image": "https://rebours.studio/assets/lamp-violet.jpg",
|
||||
"image": firstImage,
|
||||
"address": { "@type": "PostalAddress", "addressLocality": "Paris", "addressCountry": "FR" },
|
||||
"hasOfferCatalog": {
|
||||
"@type": "OfferCatalog",
|
||||
@ -23,11 +24,11 @@ const schemaOrg = {
|
||||
"itemOffered": {
|
||||
"@type": "Product",
|
||||
"name": p.productDisplayName,
|
||||
"description": p.seoDescription,
|
||||
"image": p.ogImage,
|
||||
"description": p.seoDescription || p.description?.substring(0, 155),
|
||||
"image": p.image ? urlFor(p.image).width(1024).url() : undefined,
|
||||
},
|
||||
"price": String(p.price! / 100),
|
||||
"priceCurrency": p.currency,
|
||||
"price": String(p.price / 100),
|
||||
"priceCurrency": p.currency || 'EUR',
|
||||
"availability": p.availability,
|
||||
})),
|
||||
}
|
||||
@ -36,7 +37,7 @@ const schemaOrg = {
|
||||
|
||||
<Base
|
||||
title="REBOURS — Mobilier d'art contemporain | Collection 001"
|
||||
description="REBOUR Studio crée du mobilier d'art contemporain inspiré du Space Age et du mouvement Memphis. Pièces uniques fabriquées à Paris. Collection 001 en cours."
|
||||
description="REBOURS Studio crée du mobilier d'art contemporain inspiré du Space Age et du mouvement Memphis. Pièces uniques fabriquées à Paris. Collection 001 en cours."
|
||||
canonical="https://rebours.studio/"
|
||||
>
|
||||
<Fragment slot="head">
|
||||
@ -147,8 +148,8 @@ const schemaOrg = {
|
||||
</div>
|
||||
<div class="hero-right">
|
||||
<img
|
||||
src="/assets/table-terrazzo.jpg"
|
||||
alt="REBOURS — Table Terrazzo, plateau terrazzo et acier tubulaire, Paris 2026"
|
||||
src={firstImage}
|
||||
alt="REBOURS — Mobilier d'art contemporain, Paris 2026"
|
||||
class="hero-img"
|
||||
width="1024" height="1024"
|
||||
fetchpriority="high">
|
||||
@ -165,35 +166,39 @@ const schemaOrg = {
|
||||
</div>
|
||||
|
||||
<div class="product-grid">
|
||||
{products.map((p, i) => (
|
||||
<article class="product-card"
|
||||
data-index={p.index}
|
||||
data-name={p.name}
|
||||
data-type={p.type}
|
||||
data-mat={p.materials}
|
||||
data-year={p.year}
|
||||
data-status={p.status}
|
||||
data-desc={p.description}
|
||||
data-specs={p.specs}
|
||||
data-notes={p.notes}
|
||||
data-img={p.imagePath}
|
||||
data-price={p.price ? String(p.price) : ''}
|
||||
data-stripe-key={p.stripeKey ?? ''}
|
||||
data-img-alt={p.imageAlt || `${p.productDisplayName} — mobilier d'art contemporain, REBOURS Studio Paris`}
|
||||
aria-label={`Ouvrir le détail de ${p.productDisplayName}`}>
|
||||
<div class="card-img-wrap">
|
||||
<img src={p.imagePath}
|
||||
alt={p.imageAlt || `${p.productDisplayName} — mobilier d'art contemporain, REBOURS Studio Paris`}
|
||||
width="600" height="600"
|
||||
loading={i === 0 ? "eager" : "lazy"}>
|
||||
</div>
|
||||
<div class="card-meta">
|
||||
<span class="card-index">{String(i + 1).padStart(3, '0')}</span>
|
||||
<span class="card-name">{p.name}</span>
|
||||
<span class="card-arrow">↗</span>
|
||||
</div>
|
||||
</article>
|
||||
))}
|
||||
{products.map((p, i) => {
|
||||
const imgUrl = p.image ? urlFor(p.image).width(800).url() : '';
|
||||
const alt = p.imageAlt || `${p.productDisplayName} — mobilier d'art contemporain, REBOURS Studio Paris`;
|
||||
return (
|
||||
<article class="product-card"
|
||||
data-index={p.index}
|
||||
data-name={p.name}
|
||||
data-type={p.type}
|
||||
data-mat={p.materials}
|
||||
data-year={p.year}
|
||||
data-status={p.status}
|
||||
data-desc={p.description}
|
||||
data-specs={p.specs || ''}
|
||||
data-notes={p.notes || ''}
|
||||
data-img={p.image ? urlFor(p.image).width(1200).url() : ''}
|
||||
data-price={p.price ? String(p.price) : ''}
|
||||
data-slug={p.slug}
|
||||
data-img-alt={alt}
|
||||
aria-label={`Ouvrir le détail de ${p.productDisplayName}`}>
|
||||
<div class="card-img-wrap">
|
||||
<img src={imgUrl}
|
||||
alt={alt}
|
||||
width="600" height="600"
|
||||
loading={i === 0 ? "eager" : "lazy"}>
|
||||
</div>
|
||||
<div class="card-meta">
|
||||
<span class="card-index">{String(i + 1).padStart(3, '0')}</span>
|
||||
<span class="card-name">{p.name}</span>
|
||||
<span class="card-arrow">↗</span>
|
||||
</div>
|
||||
</article>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
11
src/pages/robots.txt.ts
Normal file
11
src/pages/robots.txt.ts
Normal file
@ -0,0 +1,11 @@
|
||||
import type { APIRoute } from 'astro';
|
||||
|
||||
export const GET: APIRoute = () => {
|
||||
const body = `User-agent: *
|
||||
Allow: /
|
||||
Sitemap: https://rebours.studio/sitemap.xml
|
||||
`;
|
||||
return new Response(body, {
|
||||
headers: { 'Content-Type': 'text/plain' },
|
||||
});
|
||||
};
|
||||
34
src/pages/sitemap.xml.ts
Normal file
34
src/pages/sitemap.xml.ts
Normal file
@ -0,0 +1,34 @@
|
||||
import type { APIRoute } from 'astro';
|
||||
import { getPublishedProducts } from '../lib/sanity.mjs';
|
||||
|
||||
export const GET: APIRoute = async () => {
|
||||
const products = await getPublishedProducts();
|
||||
const today = new Date().toISOString().split('T')[0];
|
||||
|
||||
const productUrls = products
|
||||
.map(
|
||||
(p: any) =>
|
||||
` <url>
|
||||
<loc>https://rebours.studio/collection/${p.slug}</loc>
|
||||
<lastmod>${today}</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.8</priority>
|
||||
</url>`
|
||||
)
|
||||
.join('\n');
|
||||
|
||||
const body = `<?xml version="1.0" encoding="UTF-8"?>
|
||||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
|
||||
<url>
|
||||
<loc>https://rebours.studio/</loc>
|
||||
<lastmod>${today}</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>1.0</priority>
|
||||
</url>
|
||||
${productUrls}
|
||||
</urlset>`;
|
||||
|
||||
return new Response(body, {
|
||||
headers: { 'Content-Type': 'application/xml' },
|
||||
});
|
||||
};
|
||||
@ -1,13 +1,5 @@
|
||||
---
|
||||
import Base from '../layouts/Base.astro';
|
||||
import { prisma } from '../lib/db.mjs';
|
||||
|
||||
const products = await prisma.product.findMany({
|
||||
select: { stripeKey: true, imagePath: true },
|
||||
});
|
||||
const productImages = Object.fromEntries(
|
||||
products.filter(p => p.stripeKey).map(p => [p.stripeKey, p.imagePath])
|
||||
);
|
||||
---
|
||||
|
||||
<Base
|
||||
@ -32,14 +24,6 @@ const productImages = Object.fromEntries(
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.product-img {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
opacity: 1;
|
||||
}
|
||||
.left::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
@ -59,13 +43,6 @@ const productImages = Object.fromEntries(
|
||||
line-height: 1.8;
|
||||
color: #555;
|
||||
}
|
||||
.amount {
|
||||
display: inline-block;
|
||||
background: var(--clr-red);
|
||||
padding: 0.3rem 0.7rem;
|
||||
font-weight: 700;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.right {
|
||||
padding: 5rem 2rem;
|
||||
display: flex;
|
||||
@ -104,7 +81,7 @@ const productImages = Object.fromEntries(
|
||||
main { grid-template-columns: 1fr; }
|
||||
.left {
|
||||
padding: 2rem 1.5rem;
|
||||
min-height: 55vw;
|
||||
min-height: 40vw;
|
||||
border-right: none;
|
||||
border-bottom: var(--border);
|
||||
}
|
||||
@ -125,7 +102,6 @@ const productImages = Object.fromEntries(
|
||||
|
||||
<main>
|
||||
<div class="left">
|
||||
<img id="product-img" class="product-img" src="/assets/lamp-violet.jpg" alt="Produit REBOURS Studio">
|
||||
<p class="slabel" style="position:relative">// COMMANDE_CONFIRMÉE</p>
|
||||
<h1 style="position:relative">MERCI<br>POUR<br>VOTRE<br>COMMANDE</h1>
|
||||
<p class="status-line" id="loading" style="position:relative">Vérification du paiement...</p>
|
||||
@ -134,7 +110,7 @@ const productImages = Object.fromEntries(
|
||||
<p class="slabel">// RÉCAPITULATIF</p>
|
||||
<hr>
|
||||
<div id="order-details" style="display:none; flex-direction:column; gap:0;">
|
||||
<div class="info-row"><span class="info-key">PRODUIT</span><span>Solar_Altar</span></div>
|
||||
<div class="info-row"><span class="info-key">PRODUIT</span><span id="product-display">—</span></div>
|
||||
<div class="info-row"><span class="info-key">COLLECTION</span><span>001 — ÉDITION UNIQUE</span></div>
|
||||
<div class="info-row"><span class="info-key">MONTANT</span><span id="amount-display"></span></div>
|
||||
<div class="info-row"><span class="info-key">EMAIL</span><span id="email-display"></span></div>
|
||||
@ -143,7 +119,7 @@ const productImages = Object.fromEntries(
|
||||
</div>
|
||||
<p style="font-size:0.78rem; line-height:1.8; color:#555; margin-top:1rem;">
|
||||
Un email de confirmation vous sera envoyé.<br>
|
||||
Votre lampe est fabriquée à la main à Paris.
|
||||
Votre pièce est fabriquée à la main à Paris.
|
||||
</p>
|
||||
<div style="display:flex; gap:0.8rem; flex-wrap:wrap;">
|
||||
<a href="/" class="back">← RETOUR</a>
|
||||
@ -157,7 +133,7 @@ const productImages = Object.fromEntries(
|
||||
<nav aria-label="Liens secondaires">
|
||||
<a href="https://instagram.com/rebour.studio" rel="noopener" target="_blank">INSTAGRAM</a>
|
||||
/
|
||||
<a href="mailto:contact@rebour.studio">CONTACT</a>
|
||||
<a href="mailto:contact@rebours.studio">CONTACT</a>
|
||||
</nav>
|
||||
</footer>
|
||||
</div>
|
||||
@ -165,14 +141,10 @@ const productImages = Object.fromEntries(
|
||||
<div class="cursor-dot"></div>
|
||||
<div class="cursor-outline"></div>
|
||||
|
||||
<script src="/main.js" is:inline></script>
|
||||
|
||||
<script define:vars={{ productImages }}>
|
||||
<script is:inline>
|
||||
const params = new URLSearchParams(window.location.search);
|
||||
const sessionId = params.get('session_id');
|
||||
|
||||
const PRODUCT_IMAGES = productImages;
|
||||
|
||||
if (sessionId) {
|
||||
fetch(`/api/session/${sessionId}`)
|
||||
.then(r => r.json())
|
||||
@ -185,13 +157,10 @@ const productImages = Object.fromEntries(
|
||||
const amount = data.amount ? `${(data.amount / 100).toLocaleString('fr-FR')} €` : '—';
|
||||
const amountEl = document.getElementById('amount-display');
|
||||
const emailEl = document.getElementById('email-display');
|
||||
const productEl = document.getElementById('product-display');
|
||||
if (amountEl) amountEl.textContent = amount;
|
||||
if (emailEl) emailEl.textContent = data.customer_email ?? '—';
|
||||
|
||||
if (data.product && PRODUCT_IMAGES[data.product]) {
|
||||
const img = document.getElementById('product-img');
|
||||
if (img) img.src = PRODUCT_IMAGES[data.product];
|
||||
}
|
||||
if (productEl && data.product) productEl.textContent = data.product.replace(/-/g, '_').toUpperCase();
|
||||
|
||||
if (data.receipt_url) {
|
||||
const btn = document.getElementById('receipt-btn');
|
||||
|
||||
@ -455,7 +455,7 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
const checkoutForm = document.getElementById('checkout-form');
|
||||
const checkoutSubmitBtn = document.getElementById('checkout-submit-btn');
|
||||
const checkoutPriceEl = document.querySelector('.checkout-price');
|
||||
let currentStripeKey = null;
|
||||
let currentSlug = null;
|
||||
|
||||
function formatPrice(cents) {
|
||||
return (cents / 100).toLocaleString('fr-FR') + ' €';
|
||||
@ -474,7 +474,7 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
if (checkoutForm) {
|
||||
checkoutForm.addEventListener('submit', async (e) => {
|
||||
e.preventDefault();
|
||||
if (!currentStripeKey) return;
|
||||
if (!currentSlug) return;
|
||||
const email = document.getElementById('checkout-email').value;
|
||||
|
||||
checkoutSubmitBtn.disabled = true;
|
||||
@ -484,7 +484,7 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
const res = await fetch('/api/checkout', {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ product: currentStripeKey, email }),
|
||||
body: JSON.stringify({ product: currentSlug, email }),
|
||||
});
|
||||
const data = await res.json();
|
||||
if (data.url) {
|
||||
@ -523,19 +523,19 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
|
||||
// Checkout
|
||||
const price = card.dataset.price;
|
||||
const stripeKey = card.dataset.stripeKey;
|
||||
const isOrderable = price && stripeKey;
|
||||
const slug = card.dataset.slug;
|
||||
const isOrderable = price && slug;
|
||||
|
||||
checkoutSection.style.display = 'block';
|
||||
|
||||
if (isOrderable) {
|
||||
currentStripeKey = stripeKey;
|
||||
currentSlug = slug;
|
||||
checkoutPriceEl.textContent = formatPrice(parseInt(price, 10));
|
||||
checkoutToggleBtn.textContent = '[ COMMANDER CETTE PIÈCE ]';
|
||||
checkoutToggleBtn.disabled = false;
|
||||
checkoutToggleBtn.classList.remove('checkout-btn--disabled');
|
||||
} else {
|
||||
currentStripeKey = null;
|
||||
currentSlug = null;
|
||||
checkoutPriceEl.textContent = '';
|
||||
checkoutToggleBtn.textContent = 'PROCHAINEMENT DISPONIBLE';
|
||||
checkoutToggleBtn.disabled = true;
|
||||
@ -561,8 +561,8 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
setTimeout(() => animateTechOverlay(), 350);
|
||||
|
||||
if (pushState) {
|
||||
const slug = toSlug(card.dataset.name);
|
||||
history.pushState({ slug }, '', `/collection/${slug}`);
|
||||
const cardSlug = card.dataset.slug || toSlug(card.dataset.name);
|
||||
history.pushState({ slug: cardSlug }, '', `/collection/${cardSlug}`);
|
||||
}
|
||||
}
|
||||
|
||||
@ -601,7 +601,7 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
const match = location.pathname.match(/^\/collection\/(.+)$/);
|
||||
if (match) {
|
||||
const slug = match[1];
|
||||
const card = [...panelCards].find(c => toSlug(c.dataset.name) === slug);
|
||||
const card = [...panelCards].find(c => c.dataset.slug === slug || toSlug(c.dataset.name) === slug);
|
||||
if (card) openPanel(card, false);
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,5 +0,0 @@
|
||||
{
|
||||
"extends": "astro/tsconfigs/strict",
|
||||
"include": [".astro/types.d.ts", "**/*"],
|
||||
"exclude": ["dist", "node_modules"]
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user