DevFolio — Next.js Portfolio + Admin Dashboard
A fast developer portfolio with a full admin: projects, products, payments and SEO, all editable.
- Next.js App
- nextjs
- portfolio
- admin
- dashboard
- typescript
- Next.js 16 App Router, TypeScript strict
- Admin for every page, project and product
- Sell products with Safepay, Paddle or bank transfer
- SEO controls, sitemap and JSON-LD built in
- Lifetime updates and email support
What it is
DevFolio is the portfolio you are looking at, packaged for you: a public site that loads fast and a private admin where every word, image and link can be changed. It also runs a small store, so you can sell templates, kits or services from the same place.

Who it's for
Freelance developers who want clients to see real work, not a template
Designers who publish case studies and want to edit them without a developer
Makers who sell digital products and need payments that work from Pakistan
What's inside
The public site
Home, About, Projects with case study pages, Products with checkout, and legal pages. Every page is statically generated and refreshed only when you publish.
The admin
Dashboard with sales, drafts and SEO health
Pages, projects, products, testimonials, experience and certificates
Orders, coupons and payment settings
Media library, users and roles, activity log, backups
Tech stack
Next.js 16 (App Router, React Server Components), TypeScript in strict mode, MySQL with Drizzle ORM, Better Auth for sign-in and roles, and CSS Modules for styling. Uploads go to Cloudflare R2.
npm install
npm run db:migrate && npm run db:seed
npm run create-admin
npm run build && npm start- Visual page editorEvery section of Home, About and Projects has its own fields.
- Projects with case studiesCover, gallery, rich text and scheduled publishing.
- Products and checkoutPKR and USD prices, coupons, sale prices and stock.
- Payments for PakistanSafepay, Paddle and bank transfer adapters.
- Orders dashboardMark paid, refund, resend receipts, notes and timeline.
- Private downloadsExpiring, use-limited links for digital files.
- Media libraryWebP conversion, alt text, usage tracking and bulk edits.
- Roles and invitesAdministrator, editor and viewer with invite links.
- SEO everywhereTitles, descriptions, OG images, sitemap, robots and JSON-LD.
- Drafts and previewsSigned preview links for anything not yet published.
- BackupsExport all content as JSON; import with a dry run.
- Fast by defaultStatic pages, revalidated only when you publish.
Single license
Use the product in one project for yourself or one client.
You may modify it as you like. You may not resell, redistribute or share the source files, alone or in a template or theme.
Who is DevFolio for?
Developers and designers who want a portfolio they can update without touching code, and who may want to sell templates or services from it.
What do I need to host it?
Any Node.js host that runs `next build` and `next start` (Hostinger, Railway, a VPS), a MySQL 8 or MariaDB database, and Cloudflare R2 for uploads.
Can I take payments from Pakistan?
Yes. Safepay takes PKR by card, JazzCash and Easypaisa; Paddle takes USD worldwide and pays out to Payoneer; bank transfer works everywhere.
Is the design editable?
All text, images, links and SEO are edited in the admin. Layout and styles are CSS Modules you can change in the code.
What does the single license cover?
One portfolio for yourself or one client. For more sites, buy the extended license.
How do updates work?
You get every update of the major version by email, with a changelog. Your content lives in the database, so updating the code keeps it.
1.0.0
First release: portfolio pages, admin dashboard, products and checkout, orders, SEO and backups.
Gallery
DevFolio home
Projects page with category filters
About page
The admin sign-in



