https://github.com/koji/blog

blog
https://github.com/koji/blog

astro blog javascript nodejs tailwindcss typescript

Last synced: 20 days ago
JSON representation

blog

• Host: GitHub
• URL: https://github.com/koji/blog
• Owner: koji
• Created: 2024-09-13T00:38:11.000Z (10 months ago)
• Default Branch: master
• Last Pushed: 2025-06-10T05:35:26.000Z (about 1 month ago)
• Last Synced: 2025-06-10T06:29:16.663Z (about 1 month ago)
• Topics: astro, blog, javascript, nodejs, tailwindcss, typescript
• Language: Astro
• Homepage: https://baxin.pages.dev/
• Size: 75.7 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 6
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Devolio

Devolio is a free portfolio and blog template to help you setup your personal website quickly.

[Demo](https://devolio.devaradise.com) [Article](https://devaradise.com/devolio-astro-portfolio-blog-theme)

---

[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/devaradise/devolio)

[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/p/sandbox/github/devaradise/devolio)

[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/devaradise/devolio?devcontainer_path=.devcontainer/blog/devcontainer.json)

[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/netlify-templates/next-netlify-starter)

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fdevaradise%2Fdevolio)

Features:

- ✅ Minimal styling (make it your own!)

- ✅ 100/100 Lighthouse performance

- ✅ SEO-friendly with canonical URLs and OpenGraph data

- ✅ Sitemap support

- ✅ RSS Feed support

- ✅ Markdown & MDX support

- ✅ Post tags

- ✅ Projects

- ✅ Table of content

## 🚀 Project Structure

Inside of your Astro project, you'll see the following folders and files:

```text

├── public/

├── src/

│   ├── assets/

│   ├── components/

│   ├── content/

│   ├── layouts/

│   └── pages/

│   └── styles/

├── astro.config.mjs

├── README.md

├── package.json

└── tsconfig.json

```

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

There's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.

The `src/content/` directory contains "collections" of related Markdown and MDX documents. Use `getCollection()` to retrieve posts from `src/content/blog/`, and type-check your frontmatter using an optional schema. See [Astro's Content Collections docs](https://docs.astro.build/en/guides/content-collections/) to learn more.

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

## 🧞 Commands

All commands are run from the root of the project, from a terminal:

| Command                   | Action                                           |

| :------------------------ | :----------------------------------------------- |

| `pnpm install`             | Installs dependencies                            |

| `pnpm run dev`             | Starts local dev server at `localhost:4321`      |

| `pnpm run build`           | Build your production site to `./dist/`          |

| `pnpm run preview`         | Preview your build locally, before deploying     |

| `pnpm run astro ...`       | Run CLI commands like `astro add`, `astro check` |

| `pnpm run astro -- --help` | Get help using the Astro CLI                     |

## 👀 Want to learn more?

Check out [Astro documentation](https://docs.astro.build).