Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/lukethacoder/luke-secomb-simple

🍕 fresh new simple portfolio site
https://github.com/lukethacoder/luke-secomb-simple

astrojs dark-theme lastfm portfolio spotify tailwindcss

Last synced: 3 months ago
JSON representation

🍕 fresh new simple portfolio site

Awesome Lists containing this project

README

        






luke-secomb-simple




Simple portfolio site built using AstroJS and TailwindCSS


## Built With

- ![Astro](https://img.shields.io/badge/astro-38286f?style=for-the-badge&logo=astro&logoColor=white)
- ![TailwindCSS](https://img.shields.io/badge/Tailwind%20CSS-0f172a?style=for-the-badge&logo=tailwindcss&logoColor=38bdf8)
- ![LastFM](https://img.shields.io/badge/LastFM-D51007?style=for-the-badge&logo=lastdotfm&logoColor=white)
- ![GoatCounter](https://img.shields.io/badge/Goat%20Counter-9a15a4?style=for-the-badge)
- ![Google Analytics](https://img.shields.io/badge/Google%20Analytics-E37400?style=for-the-badge&logo=googleanalytics&logoColor=white)

## 🔥 Local Development

**Install the node_modules.**

```shell
pnpm install
```

**Edit the Environment variables.**

```env
PUBLIC_LAST_FM_API_KEY=abcdefghijklmnopqrstuvwxyz123456
PUBLIC_GOOGLE_ANALYTICS_MEASUREMENT_ID=abcdefghijklmnopqrstuvwxyz123456
PUBLIC_CLARITY_ANALYTICS_TRACKING_CODE=cthbfzqwds
PUBLIC_GOAT_COUNTER_CODE=goat
```

**Start the site in `dev` mode.**

```sh
pnpm dev
```

**Open the code in your IDE of choice and start editing!**

Your site is now running at `http://localhost:8000`.