AADC Bambu is an open-source Gatsby starter for an official music-artist website, pairing Contentful CMS with GraphQL queries and PWA support.
What is AADC Bambu?
AADC Bambu is an open-source website template built with Gatsby, created by Nata Inditama as the official web presence for the AADC Bambu music project. It takes content from Contentful (a headless CMS) through GraphQL and builds a static, installable site. The repository includes a live demo, documentation, and an issue tracker, and the project is licensed under the MIT License.
The development workflow is documented in the README: you need Node.js and Yarn, then you clone the repo, install dependencies, and run a local development server with yarn develop. The template's source is available on GitHub, and contributions are accepted through a contributing guide.
Key Features
- Clear navigation — A structured menu system that helps visitors find pages without extra tooling.
- Responsive design — The layout reflows across mobile, tablet, and desktop widths using a single codebase.
- Accessibility features — Semantic markup and keyboard-friendly interactions aim to meet common WCAG guidelines.
- GraphQL integration — Content is fetched via GraphQL queries, making data retrieval precise and composable within Gatsby.
- Contentful CMS integration — Editors can update site content in Contentful without touching the Gatsby codebase.
- PWA support — The site works offline and can be installed as an app on supported devices.
- YouTube-ready metadata — Repository topics reference YouTube channel, player, playlist, and search, suggesting built-in hooks for video content.
- Defined color palette — Uses a documented scheme with primary #61872c, secondary #161718, background #fafafa, and text #000000 for consistent theming.
Who is it for?
- AADC Bambu's audience — fans can use the official site to follow the project's updates and media.
- Musicians and artists — creators wanting a ready-made official website can clone the repo and swap content through Contentful.
- Gatsby developers — developers looking for a real-world example of a Gatsby site with Contentful, GraphQL, and PWA can study or fork this project.
- Content managers — non-technical team members can manage site content and media independently through Contentful's editor.
What can you do with AADC Bambu?
- Artists: Stand up an official website quickly by cloning the repo and replacing Contentful entries with your own music, videos, and updates.
- Developers: Extend the site with new GraphQL queries, Gatsby pages, or additional CMS models to support custom sections.
- Fans: Access the site as an installable PWA and browse any linked YouTube content directly.
- Content teams: Publish announcements and media by editing entries in the Contentful dashboard, with changes appearing after the next Gatsby build.
How does AADC Bambu work?
The README outlines a four-step local workflow: clone the repository, change into the aadc-bambu directory, install dependencies with yarn, and start the development server with yarn develop. The build pipeline uses Gatsby's GraphQL data layer to pull content from Contentful at build time, producing static HTML plus a service worker for PWA behavior. Deployment can be handled through Gatsby Cloud or any static hosting service that supports Gatsby builds.
License and credits
AADC Bambu is licensed under the MIT License, so it can be freely reused and modified. The project credits Nata Inditama as the author and lists a BootstrapMade template and Lenis Smooth Scroll as resources that informed the design.
FAQ
Is AADC Bambu free?
Yes. The project is open source under the MIT License, meaning you can use, copy, and modify it for personal or commercial projects without paying a license fee.
What do I need to run AADC Bambu locally?
You need Node.js and Yarn installed. The README instructs you to clone the repository, run yarn to install dependencies, and run yarn develop to start a local development server.
What CMS does AADC Bambu use?
It uses Contentful as its content management system. All site content is fetched at build time via GraphQL, which lets editors update content without touching the codebase.
Is AADC Bambu a PWA?
Yes. The template includes PWA support, so the site can be installed on devices and work offline once built and deployed.
How do I deploy AADC Bambu?
The README doesn't specify deployment, but since it's a Gatsby site, you can build it and host it on Gatsby Cloud, Netlify, Vercel, or any static host.
