dhammapada.at
| Project | |
|---|---|
| Name | dhammapada.at |
| Tech | Copilot (GPT/Claude), Astro 5, Netlify, Lunr.js, Progressive Web App offline support, Vitest, Playwright, Open Graph image generation, JavaScript, CSS |
| URL | https://dhammapada.at/ |
| Blog Post | /blog/buddhism/dhammapada/ |
Fast, static Astro website for reading, searching, and sharing the Dhammapada, with offline support, rich social sharing, and a lightweight modern web stack.
Technical Project SummaryPermalink
This project is a static website for reading, searching, and sharing the Dhammapada. It is built with Astro and deployed on Netlify, with a focus on simplicity, speed, and a calm, distraction-free reading experience.
The site follows a mostly static approach, with a few carefully chosen browser features layered on top. These include search, theme switching, and offline support. The goal is to keep the site lightweight while still making the text easy to explore, reference, and share across different devices.
Stack SummaryPermalink
- Astro 5 for static site generation and routing
- Netlify for hosting and deployment
- Lunr.js for client-side full-text search
- PWA support for installability and offline access
- Vitest and Playwright for automated testing
Key FeaturesPermalink
- Clean chapter and verse pages with direct links to individual verses
- Full-text search across the entire text
- Offline support and installable PWA behavior
- Multiple URL styles for flexible navigation and sharing
- Open Graph images for improved social sharing previews
- Theme support with several visual styles
- Random verse discovery for exploration and reflection
Technical ApproachPermalink
The site is designed as a mostly static application rather than a server-rendered system. This keeps the infrastructure simple and helps ensure fast page loads, while still allowing a few interactive features where they meaningfully improve the reading experience.
Content and derived assets are generated during the build process. This keeps the deployed site predictable, compact, and easy to host.
Build and DeploymentPermalink
The site is deployed on Netlify and built through a scripted pipeline. During the build, supporting assets such as the search index and other generated files are prepared before the Astro build runs.
The repository also includes scripts that generate supporting assets like social sharing images and PWA resources.
Testing and Developer WorkflowPermalink
The project uses both unit tests and end-to-end tests. Vitest is used for testing core logic and utilities, while Playwright checks the main user flows in a real browser environment.
GitHub Actions runs automated checks for pull requests, helping ensure that the production build remains stable and that key user-facing features continue to work as expected.