jules/astro-site-cerveau
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: PC1 scaffolding Astro 6 + Vue islands + Tailwind 4 + Embla swipe

Browse Source 
Initial structure for page-cerveau:
- Astro 6.3.1 + @astrojs/vue 6.0.1 + Vue 3.5
- Tailwind 4 via @tailwindcss/vite (vs Tailwind 3.4 in prompt; @astrojs/tailwind incompatible with Astro 6 peer deps)
- Embla Carousel Vue for mobile swipe (3 strict positions)
- src/components/astro/ : 5 placeholder components (Col*, HamburgerMenu, PopupOnboarding)
- src/components/vue/ : SwipeContainer + 3 placeholder islands
- src/layouts/BaseLayout.astro
- src/pages/index.astro (3 cols desktop ; SwipeContainer mobile) + manifeste.astro placeholder
- public/data/ ready for PC3 (carte-o.json) + PC6 (journal.json)

Build OK (0 errors, 0 warnings); dev server tested localhost:4321 with all components rendering.

Note: Astro version is 6.3.1 (latest stable) instead of 5.x specified in prompt; 6.x is current LTS.
This commit is contained in:
Jules Neny
2026-05-08 19:44:22 +02:00
parent 74cd6bc584
commit aeaec6fc06
20 changed files with 6910 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/layouts/BaseLayout.astro Normal file
View File

@@ -0,0 +1,33 @@
---
import '../styles/global.css';
interface Props {
title?: string;
description?: string;
}
const {
title = 'trans-former.fr',
description = 'Page-cerveau : journal, mindmap AEP, Insta',
} = Astro.props;
---
<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="generator" content={Astro.generator} />
<title>{title}</title>
<meta name="description" content={description} />
<meta property="og:title" content={title} />
<meta property="og:description" content={description} />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content={title} />
<meta name="twitter:description" content={description} />
</head>
<body class="m-0 bg-white text-neutral-900 antialiased">
<slot />
</body>
</html>