W3Layouts/gatsby-starter-delog
A blog for designers and developer, built with Gatsby and Netlfiy CMS. Live demo https://delog-w3layouts.netlify.com/
🖊️ gatsby-starter-delog — Template blog cho dev & designer với Netlify CMS
Xây blog cho developer và designer chỉ với vài thao tác. Gatsby + Netlify CMS, deploy một click.
Delog là một starter template cho phép xây dựng blog dành cho developer và designer bằng GatsbyJS kết hợp Netlify CMS. Dự án triển khai nhanh trên Netlify với một cú nhấp chuột, cho phép chỉnh sửa bài viết trực tiếp qua giao diện CMS mà không cần chạm vào code. Được phát triển và tài trợ bởi W3Layouts.
✨ Điểm nổi bật
- GatsbyJS + Netlify CMS: Stack hiện đại cho static site, quản lý nội dung qua CMS trực quan
- CRUD bài viết qua Netlify CMS: Thêm, sửa, xóa bài viết mà không cần truy cập repo
- Dark mode: Hỗ trợ toggle dark/light mode theo sở thích người dùng
- SEO-friendly: Tùy chỉnh meta description cho từng bài viết
- Contact form tích hợp: Form liên hệ chạy sẵn qua W3Layouts Forms
- Google Analytics: Cấu hình trackingId trực tiếp trong
gatsby-config.js - Offline-first:
gatsby-plugin-offlinevàgatsby-plugin-manifesthỗ trợ truy cập offline - Sitemap tự động:
gatsby-plugin-sitemapsinh sitemap khi build production
💡 Vì sao đáng chú ý
Delog giải quyết đúng nhu cầu của dev và designer muốn có một blog cá nhân nhanh chóng, không cần quản lý server hay database. Sự kết hợp GatsbyJS (tốc độ, SEO, static generation) với Netlify CMS (giao diện chỉnh sửa đơn giản, deploy tự động) tạo ra một workflow hoàn chỉnh: viết bài trên CMS → build → deploy → live. Dark mode và offline support là những điểm cộng hữu ích cho trải nghiệm người dùng.
Dự án phù hợp cho ai muốn khởi chạy blog hoặc trang tài liệu cá nhân trong vài phút mà không cần setup phức tạp. Mọi cấu hình — từ meta data, OAuth, đến Google Analytics — đều được hướng dẫn chi tiết trong README.
#GatsbyJS #NetlifyCMS #Blog #StaticSite #DarkMode #TiniX
Similar Projects
Discover other similar projects and AI models.
The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
30 days of JavaScript programming challenge is a step-by-step guide to learn JavaScript programming language in 30 days. This challenge may take more than 100 days, please just follow your own pace. These videos may help too: https://www.youtube.com/channel/UC7PNRuno1rzYPb1xLa4yktw
30 Days of React challenge is a step by step guide to learn React in 30 days. These videos may help too: https://www.youtube.com/channel/UC7PNRuno1rzYPb1xLa4yktw
A starter to launch your blazing fast personal website and a blog, Built with Gatsby and Netlify CMS. Made with ❤ by Stackrole
:electron: Build cross-platform desktop apps with JavaScript, HTML, and CSS
24 Lessons, 12 Weeks, Get Started as a Web Developer
A Collection of application ideas which can be used to improve your coding skills.
🗂 The essential checklist for modern web development, for humans and AI agents
A professional front-end template for building fast, robust, and adaptable web apps or sites.