RepositoryJavaScript
W3Layouts

W3Layouts/gatsby-starter-delog

A blog for designers and developer, built with Gatsby and Netlfiy CMS. Live demo https://delog-w3layouts.netlify.com/

193stars
88forks
17issues
0views

🖊️ 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-offline và gatsby-plugin-manifest hỗ trợ truy cập offline
  • Sitemap tự động: gatsby-plugin-sitemap sinh 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.

RepositoryMDX
twbs/bootstrap

The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

175.0k
Oct 26, 2026
RepositoryJavaScript
Asabeneh/30-Days-Of-JavaScript

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

46.9k
Aug 27, 2026
RepositoryJavaScript
Asabeneh/30-Days-Of-React

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

27.5k
Aug 27, 2026
RepositoryJavaScript
stackrole/gatsby-starter-foundation

A starter to launch your blazing fast personal website and a blog, Built with Gatsby and Netlify CMS. Made with ❤ by Stackrole

267
Oct 27, 2026
RepositoryC++
electron/electron

:electron: Build cross-platform desktop apps with JavaScript, HTML, and CSS

123.6k
Oct 27, 2026
RepositoryJavaScript
microsoft/Web-Dev-For-Beginners

24 Lessons, 12 Weeks, Get Started as a Web Developer

97.0k
Oct 20, 2026
Repository
florinpop17/app-ideas

A Collection of application ideas which can be used to improve your coding skills.

98.3k
Oct 11, 2025
RepositoryMDX
thedaviddias/Front-End-Checklist

🗂 The essential checklist for modern web development, for humans and AI agents

74.6k
Oct 6, 2026
RepositoryJavaScript
h5bp/html5-boilerplate

A professional front-end template for building fast, robust, and adaptable web apps or sites.

57.7k
Oct 12, 2026