portfolio
Browse a personal portfolio and blog built with Astro to showcase projects and technical writing.
About portfolio
portfolio is an open-source repository for a personal portfolio and blog built with Astro.js, React, Tailwind CSS, TypeScript, MDX, and Preact. It supports technical blog posts with code highlighting, project entries with images and technology tags, tag organization, content collections, and light/dark themes.
Setup requires Node.js 18 or higher, Git, and npm or yarn, with local development run at localhost:4321. The post like/dislike feedback system requires a separate PostgreSQL database to store vote data.
Key features
- Blog posts in Markdown or MDX with code highlighting
- Project entries with images, descriptions, and technology tags
- Tag system to categorize blog posts and projects
- Light and dark theme toggle with preference detection
- Post like and dislike feedback stored in PostgreSQL
- Helper functions for recent posts, tags, and authors
Best for: Developers who want to set up and host a portfolio and technical blog from source code.
Good for
- Open source Astro-based codebase
- Includes structured data and meta tags for search engines
- Responsive layout for mobile to desktop
Watch out for
- Requires Node.js 18 or higher, Git, and npm or yarn
- Like/dislike voting needs a separate PostgreSQL database
- Blog posts and projects must be added as Markdown files
portfolio at a glance
- Category
- Marketing & SEO › SEO & Web Analytics
- Type
- Open-source project
- Pricing
- Not confirmed. Check the site
- Open source
- Yes · Source code
- Language
- English
- Last checked
- Oct 6, 2026 · Online when checked
- Listed
- Oct 5, 2026
Guides for SEO & Web Analytics
portfolio alternatives
Tools and sites you could use instead, ranked by how closely they match.
Hugo Liftoff is a minimal blog and portfolio theme focused on content creation and SEO practices.
Open source
24 alternatives
Explore a Shopify storefront starter built with Next.js, React, GraphQL and Shopify Hydrogen.
Open source
24 alternatives
astro-i18next integrates i18next with Astro and includes utility components for translating Astro websites.
Open source
24 alternatives
Astro SEO is a component for adding search engine optimization metadata tags to an Astro app.
Open source
24 alternatives
Add components and integrations for Astro projects with this collection of ecosystem packages.
Open source
24 alternatives
This Claude Code plugin provides SEO workflows, including a project wiki, DataForSEO tasks, content briefs, and technical SEO.
Open source
24 alternativesPopular in SEO & Web Analytics
Well-known listings from the same topic.
MS Clarityclarity.microsoft.comGoogle Consolesearch.google.com/search-consoleGoogle Search Consolesearch.google.com/search-console/aboutCloudflare Web Analyticscloudflare.com/web-analyticsBing Webmaster Toolsbing.com/webmasters/aboutBing Webmaster Toolsbing.com/toolbox/webmaster
portfolio FAQ
How do I create a blog post?
Create an .md or .mdx file in src/content/blog with frontmatter for title, description, date, tags, and authors, then write content in Markdown or MDX.
How do I add a project?
Create an .md file in the projects folder with name, description, tags, and image path.
What is required for the like/dislike feature?
A PostgreSQL database to store vote data; the setup guide describes using Neon.tech.
Is something wrong or out of date?
Tell us and an editor will check it.
Own this website?
Claim this listing
Claim the listing and suggest updates yourself. An editor checks every claim first.