Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/hugoramonpereira/tech-people-blog

Tech People is a blog built with Astro and it has a lot of Articles on different tech topics.
https://github.com/hugoramonpereira/tech-people-blog

astro astrojs blog markdown tech-blog technology

Last synced: 14 days ago
JSON representation

Tech People is a blog built with Astro and it has a lot of Articles on different tech topics.

Awesome Lists containing this project

README

        

# Tech People

##### A blog for tech people with a lot of amazing articles

---

### UEFA CHAMPIONS LEAGUE CLONE - TECH STACK



---

## Preview

## 🚀 Project Structure

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

```text
├── .astro/
├── .vscode/
├── public/
├── src/
│ └── components/
│ └── ArticleCard.astro
│ └── Footer.astro
│ └── MostRecentArticle.astro
│ └── Navbar.astro
│ └── Pagination.astro
│ └── SearchForm.astro
│ └── Tags.astro
│ └── content/
│ └── blog/
│ └── config.ts
│ └── images/
│ └── layouts/
│ └── MainLayout.astro
│ └── pages/
│ └── articles/
│ └── tag/
│ └── [...tag].astro
│ └── [...slug].astro
│ └── index.astro
│ └── search.astro
│ └── 404.astro
│ └── about.astro
│ └── index.astro
│ └── styles/
│ └── global.css
│ └── utils/
│ └── capitalizer.ts
│ └── dateFormatter.ts
└── .gitignore
└── astro.config.mjs
└── biome.json
└── package-lock.json
└── package.json
└── README.md
└── tailwind.config.mjs
└── tsconfig.json
```

The project was built using [Astro](https://astro.build/) with [NPM](https://www.npmjs.com/) as our package manager and also [Biome](https://biomejs.dev/) as our linter tool.

As for the UI, we've used [TailwindCSS](https://tailwindcss.com/) along with some components from [Flowbite](https://flowbite.com/).

## 🧞 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 astro ...` | Run CLI commands like `astro add`, `astro check` |
| `npm run astro -- --help` | Get help using the Astro CLI |

# License
© Done with a lot of ❤ by Hugo Ramon Pereira -> [Portfolio](https://hugoramonpereira.dev/) -> [LinkedIn](https://www.linkedin.com/in/hugo-ramon-pereira/) 🇧🇷 .