Newsletter
Join the Community
Subscribe to our newsletter for the latest news and updates
Open-source Astro portfolio template with a Markdown blog, Tailwind CSS styling, and Cloudflare Pages deployment.
A dark portfolio & blog theme for Astro with a live 5,000-particle Three.js background, blog system, and glassmorphism UI.
SorollaPortfolio is an open-source personal portfolio template for Astro that pairs a block-based homepage with a Markdown-driven blog, styled with Tailwind CSS and written in TypeScript.
SorollaPortfolio is an Astro static-site template for personal portfolios that takes Markdown blog posts and project content as input and produces a multi-page site with a home page, about page, blog index, individual post pages, and an RSS feed as output. It runs on Astro's build pipeline, is published by jramma under an MIT license, and has a live demo deployed at sorolla.casset.cat as well as a listing on the official Astro themes directory.
SorollaPortfolio's feature set maps directly onto the repository structure, which the README documents folder by folder.
Independent developers — launch a personal portfolio that displays work, skills, and projects without building site infrastructure from scratch.
Designers who blog — publish Markdown posts alongside portfolio content; the FormattedDate component renders publication dates automatically.
Astro learners — study a compact, real-world Astro project covering content collections, dynamic routes, layouts, and RSS generation.
Portfolio owners: deploy the site and share the home page, which presents a Hero block and a WhatIDo section that summarize the author's work at a glance.
Bloggers: drop new Markdown files into src/content/blog, and the blog index, dynamic post route, and RSS feed all pick them up on the next build.
Cloudflare Pages users: deploy with two commands — pnpm run build, then npx wrangler pages deploy dist with a chosen project name.
The template runs locally with pnpm: clone the GitHub repository, run pnpm install, then pnpm run dev to serve the site at localhost:4321. A production build with pnpm run build outputs a static dist folder that can be deployed to Cloudflare Pages or any static host.
Yes. The project is released under the MIT License, so it is free to use, modify, and redistribute, including for commercial personal sites.
It uses Astro as the static site builder, Tailwind CSS for utility-first styling, and TypeScript for typed configuration and content-collection schemas. Package management is handled with pnpm.
Yes. Blog posts are stored as Markdown files in src/content/blog, rendered through a dynamic slug route, listed on a blog index page, and exposed through an automatically generated RSS feed.
Run pnpm install and pnpm run build locally, then upload the dist directory to any static host. The README documents deploying to Cloudflare Pages with npx wrangler pages deploy dist --project-name=sorolla.
A live deployment is available at sorolla.casset.cat, and the template is listed on the official Astro themes directory at astro.build/themes/details/sorollaportfolio.
