Portfolio or landing site

A small public site presenting work or a service: a handful of mostly static pages, a contact form, and strong search visibility and performance. The lightest project type here.

You can change every choice once the builder opens.

Core features for the MVP

Home page with a clear statement of what is offered
Project or service pages with images and detail
About page
Contact form that stores the enquiry and emails the owner
Search engine metadata and social preview cards
Responsive layout that works on a phone first

Left for later

A blog for search visibility
Case studies with results
Testimonials
Simple content editing without a deploy

Recommended stack

Section	Recommended
Language	TypeScript
Frontend framework	Astro
UI and styling	Tailwind CSS
Backend	Next.js server
API style	Server actions
Database engine	PostgreSQL
Database provider	Neon
ORM and data access	Drizzle
Caching	CDN caching
Authentication	Clerk
Authorization and roles	Role-based access control
Security	Input validationRate limitingSecurity headers and CSPSecrets management
File storage	Vercel Blob
Email and notifications	Resend
Hosting and deployment	Vercel
CI/CD	Vercel Git integration
Monitoring and analytics	Vercel Analytics
Testing	VitestPlaywright
Extras	SEOAccessibility (WCAG)Documentation

Data model draft

Project

A piece of work being showcased.

id
slug
title
summary
body
coverImageUrl
position
isPublished

Enquiry

A message submitted through the contact form.

id
name
email
message
sourcePage
createdAt
handledAt

Page

A static content page such as About or Services.

id
slug
title
body
metaDescription
isPublished