Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/orientalarg/astro-blog
Jamstack blog | Astro.js | Articles | Contact Info | About |
https://github.com/orientalarg/astro-blog
astro framework jamstack sass-framework template ui
Last synced: 6 days ago
JSON representation
Jamstack blog | Astro.js | Articles | Contact Info | About |
- Host: GitHub
- URL: https://github.com/orientalarg/astro-blog
- Owner: orientalArg
- Created: 2023-12-01T04:49:53.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-01-13T19:39:35.000Z (10 months ago)
- Last Synced: 2024-10-10T15:22:24.633Z (26 days ago)
- Topics: astro, framework, jamstack, sass-framework, template, ui
- Language: Astro
- Homepage: https://journeyblog.vercel.app
- Size: 6.93 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# **My First Astro Project**
Astro Blog
> Take a look at the [Production Demo](https://journeyblog.vercel.app/blog)
## 💾 Initial Config:
```
> Minimal starter kit
> Typescript base
```
# 🚀 Project Structure
Inside my Astro project, you'll see the following folders and files:
```
/
├── public/
│ └── images/
│ └── stack/
├── data/
│ └── navData.js
│ └── siteData.js
├── js/
│ └── nav.js
│ └── jsonLD.js
│ └── utils.js
├── src/
│ └─ components/
│ └── nav.astro
│ └── aside.astro
│ └── categoryCloud.astro
│ └── postHeader.astro
│ └── postBody.astro
│ └── postShare.astro
│ └── pagination.astro
│ └── footer.astro
|────── layouts/
│ └── MainLayout.astro
│ └── CardLayout.astro
│ └── PostLayout.astro
|────── pages/
│ └── index.astro
│ └── about.astro
│ └── contact.astro
│ └── 404.astro
│ └── blog.astro
|────── styles/
│ └── global.scss
└── package.json
```
# 🧞 How i make this project
> Characteristics of this project
| Characteristic | Description |
| :------------------------ | :----------------------------------------------- |
| `styles` | All styles are written in `scss` syntax whitin the `astro` files except the `global` styles file. > npm install sass |
| `routing` | Astro includes it's own `routing` api based on folder structure |
| `SEO` | All `SEO` and `OG:` structure is based on [Coding In Public](https://www.youtube.com/@CodinginPublic/) scripts. He is one of many Astro project's "embassador", I highly recommend to follow him |
# 🤓 Want to learn more?
Look at the official [Documentation](https://docs.astro.build)
Get into the [Discord Server](https://astro.build/chat), people are very active there.
Follow Astro build on [Twitter](https://twitter.com/astrodotbuild) to be aware of the news.
## For blog administration look at the [Tina + Astro](https://tina.io/docs/frameworks/astro/) documentation
Tina is a very easy to set up `Headless CMS` wich is usually use as admin panel for `Markdown` files, if you know a little bit about `JavaScript OOP` it'll be very easy to tailoring.