DEV Community

Cover image for A Free and Open-Source Responsive Portfolio Template built with Astro.js and React
Remi W.
Remi W.

Posted on

7 2

A Free and Open-Source Responsive Portfolio Template built with Astro.js and React

A Free and Open Source Responsive Template for Portfolio and Blog built with Astro.js and React styled with Tailwind CSS. Here is a screenshot:

Astro boilerplate template

Here is the screenvideo:

Or, you play around a live demo at: Astro boilerplate Live demo

The source code is hosted on GitHub at Astro Boilerplate GitHub. The project is built from scratch and recently released. So, every GitHub ⭐ counts!

The project includes everything you need for your blog with:

  • Sitemap.xml
  • Feed RSS
  • Robots.txt
  • Pagination
  • Typography
  • Syntax highlighting for code
  • Markdown
  • Image lazy load
  • Newsletter component

GitHub logo ixartz / Astro-boilerplate

πŸš€ Astro boilerplate with responsive blog and portfolio template using TypeScript and React styled with Tailwind CSS ⚑️ Made with developer experience first: TypeScript + ESLint + Prettier + Husky + Lint-Staged + Commitlint + VSCode

Astro Boilerplate with TypeScript and Tailwind CSS Twitter

πŸš€ Astro Boilerplate is starter code for your blog or portfolio based on Astro with Tailwind CSS 3.0. ⚑️ Made with Astro, TypeScript, ESLint, Prettier Tailwind CSS.

Clone this project and use it to create your own Astro blog. You can check the Astro templates demo.

Sponsors

Features

A complete Blog feature:

  • 🎈 Syntax Highlighting
  • πŸ€– SEO friendly with sitemap.xml and robots.txt
  • βš™οΈ RSS feed
  • πŸ“– Pagination
  • 🌈 Include a dark blog theme
  • ⬇️ Markdown
  • πŸ“¦ Image lazy loading
  • πŸ’Ž Responsive design

Developer experience first:

  • πŸ”₯ Astro
  • 🎨 Tailwind CSS with aspect ratio and typography plugin
  • πŸŽ‰ TypeScript
  • ✏️ ESLint compatible with .astro files
  • πŸ›  Prettier compatible with .astro files
  • 🦊 Husky
  • 🚫 lint-staged
  • 🚨 Commitlint
  • πŸ”§ One-click deploy on Netlify (or, manual if you prefer)

ESLint with:

  • Airbnb styled guide
  • TypeScript compatible
  • Astro compatible
  • Automatically remove unused…

AWS Security LIVE!

Join us for AWS Security LIVE!

Discover the future of cloud security. Tune in live for trends, tips, and solutions from AWS and AWS Partners.

Learn More

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more