{"id":13417805,"url":"https://github.com/williamhzo/astro-cube","last_synced_at":"2025-03-15T02:31:46.193Z","repository":{"id":65443023,"uuid":"592088774","full_name":"williamhzo/astro-cube","owner":"williamhzo","description":"A minimal Astro starter template with CUBE CSS 🧑‍🚀 🧊","archived":false,"fork":false,"pushed_at":"2023-07-17T17:05:31.000Z","size":133,"stargazers_count":64,"open_issues_count":0,"forks_count":8,"subscribers_count":4,"default_branch":"main","last_synced_at":"2024-07-31T22:39:20.478Z","etag":null,"topics":["astro","css","cubecss","fluid-css-properties","layout","no-javascript"],"latest_commit_sha":null,"homepage":"https://astro-cube.vercel.app","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/williamhzo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2023-01-22T21:49:28.000Z","updated_at":"2024-07-25T20:58:32.000Z","dependencies_parsed_at":"2023-02-13T02:40:11.888Z","dependency_job_id":null,"html_url":"https://github.com/williamhzo/astro-cube","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/williamhzo%2Fastro-cube","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/williamhzo%2Fastro-cube/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/williamhzo%2Fastro-cube/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/williamhzo%2Fastro-cube/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/williamhzo","download_url":"https://codeload.github.com/williamhzo/astro-cube/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":221532151,"owners_count":16838904,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["astro","css","cubecss","fluid-css-properties","layout","no-javascript"],"created_at":"2024-07-30T22:00:52.997Z","updated_at":"2024-10-26T12:30:56.970Z","avatar_url":"https://github.com/williamhzo.png","language":"CSS","readme":"![]('/../public/images/og-image.png)\n\n# [ASTRO-CUBE](https://astro-cube.vercel.app) 🧊\n\na tiny, almost-unopinionated [Astro](https://astro.build/) starter for your next blog, documentation, personal/marketing website, and more.\n\nit comes with the [CUBE CSS](https://cube.fyi/) file structure, a methodology for managing stylesheets efficiently no matter the size of the project.\n\nthe project is mostly barebones, the goal isn't to provide a batteries-included template, just an easy starter kit and stylesheets to copy/paste from.\n\nmost styles are for demo purposes and to explain the underlying philosophy: \"Be the browser's mentor, not its micromanager\" (see [buildexcellentwebsit.es](https://buildexcellentwebsit.es)).\n\n## features\n\n- **[CUBE CSS](https://cube.fyi/) implementation**: take a look at the docs, they are concise and explain way better than i would\n- **fluid and responsive**: it looks great no matter the device size\n  - [Every Layout](https://every-layout.dev/) examples for layout elements\n  - [Utopia](https://utopia.fyi/) for fluid `clamp()`-based font sizes and spacing\n- **lightweight**: 💯 [lighthouse score](https://developer.chrome.com/en/docs/lighthouse/performance/performance-scoring/) across the board — not surprising considering the size of the project, but worth mentioning\n- **dark-mode ready**: implement your own theme switcher if you're into that sort of thing, all you have to do is toggle the `data-theme` attribute on the body\n- **SEO** ready: basic SEO meta-tags are set-up, with `sitemap`s automatically generated at build time\n\n## installation\n\n### clone this repo\n\n```bash\ngit clone https://github.com/williamhzo/astro-cube.git\n```\n\n### instal dependencies\n\n```bash\ncd astro-cube\n```\n\n```bash\nnpm i\n```\n\n### spin up local dev server\n\n```bash\nnpm run dev\n```\n\n### build to `./dist/`\n\n```bash\nnpm run build\n```\n\n### preview production build\n\n```bash\nnpm run preview\n```\n\n### ...or use the template directly ➡️ \"Use this template\" \u003e \"Create a new repository\"\n\n## contributions are welcome! 👋\n\nit's great if this kit can be helpful to some folks out there, i'm open to feedback and greatly appreciate contributions, feel free to chip in for fixes, suggestions, or features! let me know if you have improvement ideas.\n\n---\n\n## credits\n\ngreater minds than mine are behind the choices in this kit, i'd like to mention them for the inspiration and learning provided:\n\n### **[Astro core \u0026 docs team](https://docs.astro.build/en/getting-started/)**\n\nalong with contributors, for a great onboarding experience and a wholesome community.\n\n### **[Andy Bell](https://andy-bell.co.uk/)**\n\nAndy is a great source of inspiration for building robust UI working with the browser, rather than against it. but also for reminding me that CSS is an extremely powerful tool as it is. CUBE CSS really clicked to me as it brought pure \"traditional\" CSS to the component-first world of today.\n\n- [Every Layout](https://every-layout.dev/)\n- [CUBE CSS](https://cube.fyi/)\n\n### **[Heydon Pickering](https://heydonworks.com/)**\n\nHeydon provides amazing insights and spicy takes on how to build for the web, from an inclusive and accessible perspective.\n\n- [Inclusive Components](https://inclusive-components.design/)\n- [Webbed Briefs](https://briefs.video/)\n- [Every Layout](https://every-layout.dev/)\n\n### **[Lene Saile](https://www.lenesaile.com/en/)**\n\nLene made an amazing [Eleventy](https://www.11ty.dev/) starter based on CUBE CSS which is way more mature and complete than this one. it comes batteries included to build a full-blown blog with 11y in a breeze, i'd definitely recommend checking it out.\n\nher starter greatly inspired me to build one for Astro (it will be a separate one from this minimal one).\n\n- [Eleventy Excellent](https://github.com/madrilene/eleventy-excellent)\n","funding_links":[],"categories":["What Do I Use...","CSS"],"sub_categories":["If I want to use a CSS framework?"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwilliamhzo%2Fastro-cube","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwilliamhzo%2Fastro-cube","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwilliamhzo%2Fastro-cube/lists"}