Personal developer site for Vanessa Depraute.
vavanessa.dev is the editorial and build-in-public home for open-source projects, practical software notes, and product experiments. It complements the formal CV site: this repo is for writing, demos, project context, RSS, and future launch surfaces.
- Astro 5 for static-first pages.
- Content Collections with Markdown and MDX.
- TypeScript strict mode with Zod frontmatter validation.
- Tailwind CSS v4 through the Vite plugin.
- Fontsource for local fonts.
@astrojs/rssfor/rss.xml.@astrojs/sitemapfor sitemap generation.- React integration is intentionally deferred until interactive demos begin.
Posts live in src/content/posts/.
Projects live in src/content/projects/.
Schemas are defined in src/content/config.ts. The site is English-first for phase 1 because distribution is expected through GitHub, Twitter/X, Reddit, Hacker News, and dev.to. The lang field already accepts en, fr, and zh so selected posts can get French or Chinese translations later without forcing multilingual routing before the writing pipeline exists.
/home with latest notes, featured projects, and placeholders for later feeds./blogpublic post index./blog/[slug]post detail pages./blog/tags/[tag]tag archive pages./projectsproject index./projects/[slug]project detail pages./about,/now,/uses,/newsletterstatic editorial pages./rss.xmlRSS feed.
Install dependencies:
pnpm installRun the dev server:
pnpm devBuild and type-check:
pnpm buildPreview the production build:
pnpm previewThe current implementation covers PRD phase 1 plus a light visual foundation. The site supports light, dark, and auto theme modes through Tailwind CSS v4 tokens that follow shadcn's CSS-variable naming conventions; auto is the default and follows the user's system preference. Deferred systems include React-powered demos, search, Giscus comments, analytics, newsletter provider integration, GitHub/npm live cards, Twitter/X feed automation, generated OG images, and richer project demos.