Newsletter
Join the Community
Subscribe to our newsletter for the latest news and updates
Astro starter for personal blogs and portfolios with TypeScript, Tailwind CSS, Pagefind search, and theming.
Dasein is an Astro starter template for building personal blogs and portfolios, using Markdown/MDX content, TypeScript, Tailwind CSS, and Pagefind for site-wide search.
Dasein is an open-source Astro starter designed to power personal blogs and portfolios. It takes Markdown/MDX posts plus YAML author and social configuration files, validates them with typed content collections, and produces a fully static website with RSS, sitemap, and client-side search. The template is the actual source for the personal site roicort.github.io, and it can be deployed to Netlify or Vercel with one click from its GitHub repository.
src/content/blog; a schema validates title, description, pubDate, updatedDate?, heroImage?, and tags[].src/content.config.ts, giving you type-safe frontmatter.src/components/BaseHead.astro includes OpenGraph and Twitter metadata, canonical links, and preloaded fonts./rss.xml and /sitemap-index.xml on every build, ready for feed readers and search engines.src/consts.ts for site name and description, and src/pages/index.astro for navigation and hero actions.dist/ output.src/content/authors.yml and link social profiles in src/content/socials.yml; the typed collections keep everything consistent.src/styles/global.css, and adjust the header (which contains search and theme toggles) in src/components/Header.astro.Dasein uses Bun as its package manager. After running bun install, you start the development server with bun run dev on localhost:4321 (Astro's default). A production build with bun run build outputs static HTML to dist/, which you can preview with bun run preview or upload directly to any static host.
Dasein supports Markdown and MDX. Posts go in src/content/blog with frontmatter that includes title, description, and pubDate; optional fields include updatedDate, heroImage, and a tags array.
You need Bun as the package manager and the latest Astro version. The styling uses Tailwind CSS, and the template states these as its requirements.
Edit src/consts.ts, which holds the site-level configuration. Navigation and hero actions live in src/pages/index.astro, and global colors and typography are in src/styles/global.css.
Yes. Running a production build automatically creates /rss.xml and /sitemap-index.xml.
