πŸ–ΌοΈ Bringing Material Design 3 to the Astro Blog. [WIP]

Overview

πŸ–ΌοΈ Gumori You [WIP]

Bringing Material Design 3 to the Astro Blog.

πŸ‘₯ Contributing

If you're interested in contributing to Gumori You, pls read the following contributing docs before submitting a pull request:

  1. Ask before adding important features.
  2. git messages follow gitmoji and Conventional Commits.
  3. Follow the Material 3 Guidelines wherever possible.

🧱 Project Structure

U'll see the following folders and files:

/
β”œβ”€β”€ public/
β”‚   └── favicon.png
β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ config/
β”‚   β”‚   β”œβ”€β”€ gumori.ts
β”‚   β”‚   └── types.ts
β”‚   └── posts/
β”‚       └── elements.md # example.com/elements
└── package.json

Astro looks for .md files in the src/posts/ directory. Each page is exposed as a route based on its file name.

Any static assets, like images, can be placed in the public/ directory.

πŸ–₯️ Commands

Command Action
pnpm i Installs dependencies
pnpm dev Starts local dev server at localhost:3000
pnpm build Build ur production site to ./dist/
pnpm preview Preview ur build locally, before deploying

πŸ“ License

This work is free, it comes without any warranty. You can redistribute it and/or modify it under the terms of the Do What The Fuck You Want To Public License, Version 2, as published by Sam Hocevar. See the COPYING file for more details.

You might also like...

Make an Astro site with content from Notion (and more)

Astronotion ⚠️ It is strongly recommended to upgrade to 0.0.7 (what has been fixed?) npm install -D astronotion@latest (or other package managers' equ

Dec 19, 2022

Auto-import components in Astro projects

Astro Auto Import πŸ”— Looking for the main package? Jump to astro-auto-import β†’ πŸš€ Project Structure This project uses workspaces to develop a single p

Dec 30, 2022

πŸš€ A (still experimental) Lyra integration for Astro

Lyra's Astro Plugin This package is a (still experimental) Lyra integration for Astro. Usage Configuring the Astro integration // In `astro.config.mjs

Dec 13, 2022

Render arbitrary Markdown content in Astro, optionally integrating with any existing configuration.

Astro Markdown Astro Markdown lets you render arbitrary Markdown content in Astro, optionally integrating with any existing configuration. --- import

Dec 22, 2022

A plugin for creating hierarchical navigation in Astro projects. Supports breadcrumbs too!

astro-navigation A plugin for creating hierarchical navigation in Astro projects. Supports breadcrumbs too! Full docs coming soon! Basic usage This pa

Dec 19, 2022

End-to-end typesafe APIs in Astro wesbites made easy

End-to-end typesafe APIs in Astro wesbites made easy

Astro x tRPC πŸš€ End-to-end typesafe APIs in Astro wesbites made easy View Demo Β· Report Bug Β· Request Feature πŸ‘‹ Introducing astro-trpc astro-trpc is

Dec 30, 2022

Type-safe session for all Astro SSR project

Astro Session Why use Astro Session? When building server application with Astro, you will often need session system to identify request coming from t

Dec 19, 2022

Material Design implemented in Web Components (Custom Elements v1)

Material Web Components Material Design implemented in Web Components (Custom Elements v1) https://dannymoerkerke.github.io/material-webcomponents/ Ge

Nov 14, 2022

Design-focused web3 modal based on Material UI

Design-focused web3 modal based on Material UI

@buildship/web3-login (beta) This is a design-focused web3 wallet connecting modal for React based on Material UI. It supports Metamask, WalletConnect

Jan 1, 2023
Comments
  • pnpm dev fail, cause: No matching export in

    pnpm dev fail, cause: No matching export in "browser-external:url" for import "fileURLToPath"

    use node.js 14.20.0

    unocss v0.44.7                                                                                                                                                                                         21:43:37
    start UnoCSS in watch mode...                                                                                                                                                                          21:43:37
    i Watching for changes in src/**/*.astro                                                                                                                                                               21:43:38
       astro  v1.0.0-beta.73 started in 36ms
    
      ┃ Local    http://localhost:3000/
      ┃ Network  use --host to expose
    
      β–Ά This is a  beta  prerelease build
        Feedback? https://astro.build/issues
    
    ✘ [ERROR] No matching export in "browser-external:url" for import "fileURLToPath"
    
        node_modules/.pnpm/[email protected][email protected]/node_modules/rehype-pretty-code/dist/rehype-pretty-code.js:4:9:
          4 β”‚ import { fileURLToPath } from 'url';
            β•΅          ~~~~~~~~~~~~~
    
    21:43:42 [vite] error while updating dependencies:
    Error: Build failed with 1 error:
    node_modules/.pnpm/[email protected][email protected]/node_modules/rehype-pretty-code/dist/rehype-pretty-code.js:4:9: ERROR: No matching export in "browser-external:url" for import "fileURLToPath"
        at failureErrorWithLog (D:\Projects\gumori-you\gumori-you\node_modules\.pnpm\[email protected]\node_modules\esbuild\lib\main.js:1615:15)
        at D:\Projects\gumori-you\gumori-you\node_modules\.pnpm\[email protected]\node_modules\esbuild\lib\main.js:1257:28
        at runOnEndCallbacks (D:\Projects\gumori-you\gumori-you\node_modules\.pnpm\[email protected]\node_modules\esbuild\lib\main.js:1037:63)
        at buildResponseToResult (D:\Projects\gumori-you\gumori-you\node_modules\.pnpm\[email protected]\node_modules\esbuild\lib\main.js:1255:7)
        at D:\Projects\gumori-you\gumori-you\node_modules\.pnpm\[email protected]\node_modules\esbuild\lib\main.js:1368:14
        at D:\Projects\gumori-you\gumori-you\node_modules\.pnpm\[email protected]\node_modules\esbuild\lib\main.js:669:9
        at handleIncomingPacket (D:\Projects\gumori-you\gumori-you\node_modules\.pnpm\[email protected]\node_modules\esbuild\lib\main.js:766:9)
        at Socket.readFromStdout (D:\Projects\gumori-you\gumori-you\node_modules\.pnpm\[email protected]\node_modules\esbuild\lib\main.js:635:7)
        at Socket.emit (events.js:400:28)
        at addChunk (internal/streams/readable.js:293:12)
    
    bug 
    opened by r0bin-zheng 2
Owner
!mportantImport
personal organization for @kwaa
!mportantImport
simple-remix-blog is a blog template built using Remix and TailwindCSS. Create your own blog in just a few minutes!

simple-remix-blog is a blog template built using remix.run and TailwindCSS. It supports markdown and MDX for the blog posts. You can clone it and star

José Miguel Álvarez Vañó 8 Dec 8, 2022
Bringing an all Open-Source Platform to study Data Structures and Algorithms ⚑

NeoAlgo-Docs Bringing an all Open-Source Platform to study Data Structures and Algorithms ⚑ ?? Installation You will need to have NodeJS and Yarn inst

Tesseract Coding 24 Jun 2, 2022
A framework for NodeJS deveopers bringing dreams to reality!

ELIXOR A framework for NodeJS enthusiasts! What does it do? Short Answer Elixor is a framework for NodeJS developers that lets you build cross-platfor

SKYLIX 9 Jun 25, 2022
a stack-separated way to bringing together common AWS services useful in a fullstack application that uses AWS Amplify libraries

Fullstack CDK Helpers This project helps developers create common AWS services that are useful in creating fullstack applications. Backend services ar

Focus Otter 14 Nov 26, 2022
🐳 !mportantImport's Next-Gen Blog Starter. [WIP]

Hsno[hoΙ•ino] ?? !mportantImport's Next-Gen Blog Starter. [WIP]    Open in Stackblitz        Run in Codeflow        Fork    This project is currently u

!mportantImport 5 Oct 31, 2022
Gatsby-blog-cosmicjs - πŸš€βš‘οΈ Blazing fast blog built with Gatsby and the Cosmic Headless CMS πŸ”₯

Gatsby + Cosmic This repo contains an example blog website that is built with Gatsby, and Cosmic. See live demo hosted on Netlify Uses the Cosmic Gats

Priya Chakraborty 0 Jan 29, 2022
This is a blog built with sveltekit, tailwind and daisyUI, made to be used as my personal blog.

svelte-blogger This is a blog built with sveltekit, tailwind and daisyUI, made to be used as my personal blog. This app also use graphql and use markd

lipe 6 Jun 23, 2022
A tiny script and component intended to be used with Astro for generating images with eleventy-img.

Astro + eleventy-img A tiny script and component intended to be used with Astro for generating images with eleventy-img. It also supports creating blu

Erika 36 Dec 16, 2022
Astro 1.0 Hackathon submission

title published description tags cover_image Trying out Astro SSR & Astro 1.0 Hackaton false astro, ssr, webcomponents, hackathon https://imgur.com/lV

Pascal Schilp 26 Jan 2, 2023
πŸ¦” AstroJS GoogleChromeLabs critters integration. Inline your critical CSS with Astro.

astro-critters ?? This Astro integration brings critters to your Astro project. Critters is a plugin that inlines your app's critical CSS and lazy-loa

Nikola Hristov 33 Dec 11, 2022