Foliora
What it is
Foliora is an open-source Next.js 16 portfolio and blog platform with an admin CMS, 218 themes, built-in SEO, optional OpenAI writing helpers and PostgreSQL via Prisma. Clone it and run your own site.
I built Foliora, a full-stack portfolio and blog platform that anyone can run as their own site. It pairs a VS Code-inspired public layout with an admin dashboard, so projects, posts and site content are managed without touching code.
Result
The platform is open source under MIT with a live demo. Developers can clone it, connect PostgreSQL and run their own portfolio and blog in a few commands.
The problem
Most portfolio templates are static pages that need a code change for every update. I wanted a real CMS behind the site, with themes, SEO and media handled for you, that still deploys like a normal Next.js app.
What it does
- 218 themes with light and dark variants, switched from the admin settings
- A public portfolio with hero, skills, projects, experience, testimonials, videos and blog
- A blog and project CMS with drafts, tags, categories, featured flags and SEO fields
- Admin sign-in with Better Auth (magic link and Google)
- S3 image uploads compressed in the browser and served as AVIF and WebP through
next/image - Optional OpenAI helpers that draft blog posts and project SEO metadata
- Contact form email, YouTube channel videos, sitemap, robots, Open Graph, JSON-LD and strict security headers (CSP, HSTS and more)
How it's built
- Next.js 16 App Router, React 19 and TypeScript
- Tailwind CSS 4, Radix UI, Framer Motion and GSAP for the interface
- PostgreSQL with Prisma 7 and Zod, Better Auth, AWS S3 and Sharp
- GitHub Actions CI that runs lint, typecheck and a production build against PostgreSQL
