A modern, open-source content platform for DevOps professionals, featuring articles, guides, exercises, news and resources to help you level up your DevOps skills.
Visit the live site at devops-daily.com
DevOps Daily is a community-driven platform dedicated to providing high-quality DevOps content. We believe in learning by doing and sharing knowledge with the community. This project powers the devops-daily.com website and is built with modern web technologies, deployed on Cloudflare Pages for optimal performance and reliability.
- ๐ Modern Tech Stack: Built with Next.js, React and TypeScript
- ๏ฟฝ Rich Content: Articles, multi-part guides, exercises, quizzes, and interactive games
- ๏ฟฝ๐ฑ Fully Responsive: Optimized experience across all devices
- ๐ Dark Mode: Beautiful light and dark theme support
- ๐ SEO Optimized: Comprehensive meta tags, structured data, and sitemap
- ๐ฅ๏ธ Syntax Highlighting: Beautiful code blocks with highlight.js
- ๐๏ธ Smart Organization: Content categorized by tags, categories, and authors
- ๐ฎ Interactive Learning: Quizzes and exercises for hands-on learning
- ๐ RSS Feed: Stay updated with the latest content
- ๐จ Beautiful UI: Built with Tailwind CSS and shadcn/ui components
- ๐ง PWA Support: Install as a Progressive Web App for offline access
DevOps Daily is kept free by its sponsors. If your company wants to reach engineers who choose tools, see the sponsorship page.
Svix Dispatch sends your webhooks for you: retries with exponential backoff, signed payloads, idempotency keys, and a delivery log your customers can see.
| Atomsized | DigitalOcean | DevDojo | SMTPfast | QuizAPI |
|---|---|---|---|---|
 |
 |
 |
 |
 |
- Atomsized: AWS platform engineering and GitOps
- DigitalOcean: Cloud infrastructure for developers
- DevDojo: Developer community & tools
- SMTPfast: Developer-first email API
- QuizAPI: Developer-first quiz platform
Versions live in package.json; this is the shape of the thing.
- Framework: Next.js (App Router, static export)
- Language: TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- Icons: Lucide Icons
- Content: Markdown with gray-matter
- Markdown Rendering: marked
- Syntax Highlighting: highlight.js
- Animations: Framer Motion
- Node.js 22.13.1 or later (below 25)
- pnpm 10 or later (below 11)
Both are enforced by the engines field in package.json.
- Clone the repository:
git clone https://github.com/The-DevOps-Daily/devops-daily.git
cd devops-daily- Install dependencies:
pnpm install- Start the development server:
pnpm dev- Open your browser:
Visit http://localhost:3000 to see the site running locally.
That's it! You're ready to start contributing. ๐
devopsdaily/
โโ app/ # Next.js app directory (routes)
โโ components/ # React components
โโ content/ # Markdown content files
โ โโ posts/ # Blog posts
โ โโ guides/ # Multi-part guides
โ โโ categories/ # Category information
โ โโ quizzes/ # Quiz content
โ โโ exercises/ # Exercise content
โ โโ news/ # News content
โ โโ checklists/ # Checklists
โ โโ comparisons/ # Side-by-side tool comparisons
โ โโ flashcards/ # Flashcard decks
โ โโ interview-questions/ # Interview question sets
โ โโ experts/ # Expert directory entries
โ โโ newsletters/ # Newsletter issues
โ โโ advent-of-devops/ # Advent calendar content
โ โโ hacktoberfest/ # Hacktoberfest content
โโ lib/ # Utility functions and data fetching
โโ public/ # Static assets
โ โโ images/ # Image files
โ โโ fonts/ # Font files
โโ scripts/ # Build and generation scripts
Content is markdown with YAML frontmatter under content/. Each type has its
own required fields, and the templates for all of them live in
CONTRIBUTING.md.
The project includes several utility scripts:
pnpm dev: Start development serverpnpm build: Build the production-ready sitepnpm generate-feed: Generate the RSS feedpnpm generate:images: Generate the OG cover image for new contentpnpm images:all: Generate covers, convert them to PNG and prune the SVGspnpm generate-search-index: Rebuild the client-side search index
pnpm build runs the image, markdown, search and feed steps for you, so you
only need these individually when working on content locally.
We welcome contributions from the community! Whether you want to:
- ๐ Write a new article or guide
- ๐ Fix a bug or typo
- โจ Add a new feature
- ๐ Improve documentation
- ๐จ Enhance the design
Please read our Contributing Guide to get started.
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Make your changes
- Run linting and formatting (
pnpm run lint && pnpm run format) - Commit your changes (
git commit -m 'Add some amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
DevOps Daily supports multiple content types:
- Posts: Standard blog articles covering DevOps topics
- Guides: Multi-part comprehensive guides for in-depth learning
- Exercises: Hands-on practical exercises to reinforce learning
- Quizzes: Interactive quizzes to test your knowledge
- News: Curated DevOps news and updates
- Games: Interactive simulators and games, built as React components rather than markdown
- Checklists: Step-by-step operational checklists
- Comparisons: Side-by-side tool comparisons
- Flashcards: Spaced-repetition decks
- Interview Questions: Practice questions by topic
- Experts: Directory of engineers and the stacks they work with
This project is deployed on Cloudflare Pages but can be deployed on any platform that supports Next.js static exports:
The project ships a multi-stage Dockerfile. The short version:
docker compose up dev # dev server with hot-reload on :3000
docker compose up prod # static export served by nginx on :8080Build arguments, image internals and the full command reference are in docs/docker.md.
This project is open source and available under the MIT License.
- shadcn/ui - Beautiful and accessible UI components
- Lucide Icons - Icon set
- Tailwind CSS - Utility-first CSS framework
- Next.js - React framework
- All our amazing contributors
- Website: devops-daily.com
- GitHub Issues: Report bugs or request features
- Pull Requests: Contribute to the project
Help us make DevOps Daily better by contributing!