https://github.com/twilighty-abhi/unblurred-micro-blog
An personal micro blogging platform build using Astro.
https://github.com/twilighty-abhi/unblurred-micro-blog
astro blog css javascript microblogging typescript
Last synced: 4 months ago
JSON representation
An personal micro blogging platform build using Astro.
- Host: GitHub
- URL: https://github.com/twilighty-abhi/unblurred-micro-blog
- Owner: twilighty-abhi
- License: gpl-3.0
- Created: 2023-10-21T05:23:00.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-10-21T05:40:54.000Z (almost 3 years ago)
- Last Synced: 2026-01-03T16:26:07.959Z (7 months ago)
- Topics: astro, blog, css, javascript, microblogging, typescript
- Language: TypeScript
- Homepage: https://blog.abhiramnj.com
- Size: 2.63 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Unblurred Micro Blog 📄
## 🚀 Folder Structure
Inside you'll see the following folders and files:
```bash
/
├── public/
│ ├── assets/
│ │ └── logo.svg
│ │ └── logo.png
│ └── favicon.svg
│ └── astropaper-og.jpg
│ └── robots.txt
│ └── toggle-theme.js
├── src/
│ ├── assets/
│ │ └── socialIcons.ts
│ ├── components/
│ ├── content/
│ │ | blog/
│ │ | └── some-blog-posts.md
│ │ └── config.ts
│ ├── layouts/
│ └── pages/
│ └── styles/
│ └── utils/
│ └── config.ts
│ └── types.ts
└── package.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.
Any static assets, like images, can be placed in the `public/` directory.
All blog posts are stored in `src/content/blog` directory.
## 💻 Tech Stack
**Main Framework** - [Astro](https://astro.build/)
**Type Checking** - [TypeScript](https://www.typescriptlang.org/)
**Component Framework** - [ReactJS](https://reactjs.org/)
**Styling** - [TailwindCSS](https://tailwindcss.com/)
**Fuzzy Search** - [FuseJS](https://fusejs.io/)
**Icons** - [Boxicons](https://boxicons.com/) | [Tablers](https://tabler-icons.io/)
**Code Formatting** - [Prettier](https://prettier.io/)
## 🧞 Commands
All commands are run from the root of the project, from a terminal:
| Command | Action |
| :--------------------- | :------------------------------------------------------------------------------------------------------------------------------- |
| `npm install` | Installs dependencies |
| `npm run dev` | Starts local dev server at `localhost:4321` |
| `npm run build` | Build your production site to `./dist/` |
| `npm run preview` | Preview your build locally, before deploying |
| `npm run format:check` | Check code format with Prettier |
| `npm run format` | Format codes with Prettier |
| `npm run sync` | Generates TypeScript types for all Astro modules. [Learn more](https://docs.astro.build/en/reference/cli-reference/#astro-sync). |
| `npm run cz` | Commit code changes with commitizen |
| `npm run lint` | Lint with ESLint |
---
Made with 🤍 by [Twilighty-abhi](https://www.abhiramnj.live) 👨🏻💻
Base template Taken from [satnaing](https://github.com/satnaing).