https://github.com/drehimself/astro-portfolio-starter

A simple portfolio and blog theme for Astro powered by Tailwind CSS
https://github.com/drehimself/astro-portfolio-starter

astro astrojs blog blog-theme dark-mode dark-theme markdown mdx portfolio portfolio-website static-site tailwind tailwindcss view-transitions view-transitions-api

Last synced: about 1 month ago
JSON representation

A simple portfolio and blog theme for Astro powered by Tailwind CSS

• Host: GitHub
• URL: https://github.com/drehimself/astro-portfolio-starter
• Owner: drehimself
• License: mit
• Created: 2023-11-02T01:14:02.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-06-20T19:54:13.000Z (6 months ago)
• Last Synced: 2024-06-21T13:58:27.283Z (6 months ago)
• Topics: astro, astrojs, blog, blog-theme, dark-mode, dark-theme, markdown, mdx, portfolio, portfolio-website, static-site, tailwind, tailwindcss, view-transitions, view-transitions-api
• Language: Astro
• Homepage: https://astro-portfolio-starter-demo.netlify.app/
• Size: 668 KB
• Stars: 5
• Watchers: 2
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: license

Awesome Lists containing this project

README

        
# Astro Portfolio Starter

A simple portfolio starter and blog theme for Astro.

![screenshot](https://github.com/drehimself/astro-portfolio-starter/assets/4316355/23b26ca9-8a7a-4cc3-a1b7-efa5a4f69d63)

## Demo URL

[https://astro-portfolio-starter-demo.netlify.app](https://astro-portfolio-starter-demo.netlify.app)

## Features

- Clean and minimal design

- [Tailwind CSS](https://tailwindcss.com) using [the astro integration](https://docs.astro.build/en/guides/integrations-guide/tailwind/).

- Blog with MDX markdown content for posts. Also supports Vue and React components directly within the Markdown.

- Theme Switcher with Light and Dark Mode

- View Transitions using [Astro's implementation](https://docs.astro.build/en/guides/view-transitions/)

- Tags for posts

- Basic pagination

- Syntax highlighting

- Illustrations from [unDraw](https://undraw.co)

- 404 Page

## Installation

1. Clone the repo: `git clone https://github.com/drehimself/astro-portfolio-starter.git`

1. `cd astro-portfolio-starter`

1. `npm install`

1. `npm run dev` to start a local dev server. `npm run build` to build app for production.

## Notes

- Based off my other project built in Gridsome a few years ago: [Gridsome Portfolio Starter](https://github.com/drehimself/gridsome-portfolio-starter)