A stunning photographer portfolio with galleries, client proofing, booking calendar, and pricing packages.
The prompt
Copy this prompt and paste it into Claude, Cursor, ChatGPT, Codex, or any AI tool connected to Hatchable via MCP.
Build a professional photography portfolio website. The homepage opens with a full-bleed hero image, the photographer's name and specialty, and a "View Portfolio" button. Include a Portfolio page with galleries organized by category: Weddings, Portraits, Events, Landscape, Commercial — each gallery opens to a lightbox-style viewer with large images, captions, and arrow navigation. The photographer logs in to upload and organize photos, create new galleries, set cover images, and reorder images with drag-and-drop. Add a Services page with photography packages: package name, what's included (hours, number of edited photos, prints, album), and price. Include a Booking page with a calendar showing available dates and a form: event type, date, location, hours needed, package preference, and contact details. About page with photographer bio, equipment list, and awards. Contact page with email, phone, Instagram link, and a contact form. The design should be minimal and photo-forward — dark or white background options, no clutter, let the images dominate. Deploy it on Hatchable when done.
How to use this template
Connect Hatchable to your AI tool
Add Hatchable as an MCP server in your AI tool of choice. You'll need your API key from Console → Settings. See our setup guides for Claude Code, Cursor, or Codex.
Copy the prompt and paste it
Hit the Copy button above, switch to your AI tool, and paste. The prompt is written to produce a complete, deployable app using Hatchable's platform features.
Your AI builds and deploys it
Your AI writes the code, creates a project on Hatchable, and deploys it. You'll get a live URL you can share immediately — no server setup, no billing.
Customize it
After the initial build, try asking your AI to add any of these:
Add a client proofing area with password-protected galleries
Include an online print shop for photo prints and canvases
Add a blog for behind-the-scenes and session recaps
Include a referral program tracker
Build this app for free
Sign up, grab your API key, and paste this prompt into your AI tool.