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

ixartz

Remi W.

Posted on May 25, 2022

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…
💖 💪 🙅 🚩
ixartz
Remi W.

Posted on May 25, 2022

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related