Build your Photographer Portfolio with AI in under 5 minutes

Build an editorial photography portfolio with a full-bleed cinematic hero, mixed-aspect gallery grid, lightbox viewer, services + pricing-from cards, and a working booking-inquiry form — generated from a single prompt.

仕組み

ステップ 1

アイデアを入力

作りたいものを自然な文章で入力してください。

ステップ 2

AIがビルド

FloopFloopが本番対応コードを即座に生成します。

ステップ 3

デプロイして公開

数分以内に専用サブドメインでプロジェクトが公開されます。

開発者を採用する代わりにAIでビルドする理由

FloopFloop従来の開発者
リリースまでの時間5分未満2〜8週間
費用$0から$5,000〜$50,000以上
メンテナンスプランに含まれる継続的な保守契約

試してみてください

以下のプロンプトをコピーしてFloopFloopに貼り付けてお使いください。

Create a wedding photographer's portfolio site. Editorial dark theme with a Playfair Display italic serif for headlines. Hero is a full-bleed couple-at-altar shot with the studio name in serif italic. Gallery grouped into Weddings / Portraits / Events / Family with a click-to-enlarge lightbox. Services section with five offerings (full-day weddings, elopements, portraits, family sessions, commercial) each with a 'from $X' price. Inquiry form captures name, email, event type, date, location, and message.

Build a portrait + headshot photographer's site. Light theme, monochrome with soft warm accent. One-column landing-style hero. Three-up gallery grid showing personal, actor, and musician portraits — each opens a fullscreen lightbox. About section with the photographer's bio, a portrait headshot, and a stat strip ('12 years working', '240+ sessions'). Booking form with event-type dropdown and a date picker.

Design a fine-art landscape photographer's portfolio. Black-and-white-only aesthetic, generous whitespace, serif italic everywhere. Hero is a hero landscape with location caption. Gallery is mixed-aspect (portrait + landscape + square frames) showing prints from limited editions. Services section sells signed print runs + licensed-image commercial use. Print-inquiry form with edition-size and framing options.

Create a newborn + family photographer's site. Soft, warm, and a touch nostalgic. Hero with a baby-in-light shot and serif italic studio name. Gallery filterable by Family / Newborn / Maternity / Cake-smash. Services include a 'baby's first year' three-session package. Inquiry form asks for due date or baby's age so the photographer can schedule the right session.

よくある質問

How does the inquiry form actually capture replies?
Every inquiry inserts a row into a `photography_inquiries` table in the project's Postgres schema (event type, date, location, message, IP-hash for rate limiting). The photographer triages via SQL: `SELECT * FROM photography_inquiries WHERE status = 'pending' ORDER BY created_at DESC` — or refines a quick admin dashboard if they want a UI.
Will the form send a confirmation email to the inquirer?
No — the template can't send email (the codegen scanner blocks every transactional-mail library). The success state says 'I'll reply within 24 hours' instead of promising email. The inquirer's email is stored on the row so the photographer can follow up out-of-band from their own inbox.
Where do the portfolio images come from?
The default gallery uses picsum.photos with stable seed URLs so the template ships visually-complete without bundled binaries — every reload shows the same nine photographs in the same grid slots. To swap in your own gallery, refine into the chat with the new image URLs (Cloudinary, your own S3, anything) and the agent rewrites the photo array.
Is there a lightbox / fullscreen viewer?
Yes. Clicking any photo opens a fullscreen modal — left/right arrow keys step through the gallery, Escape closes. Body scroll locks while the lightbox is open so the page doesn't drift behind it.
Can I split the gallery into categories?
Yes — the portfolio grid ships with filter pills (All / Wedding / Portrait / Event / Family / Commercial) that scope the visible images. Add or rename categories in src/components/photo/portfolio-grid.tsx, or ask the agent to.
Does the template support a dark + light mode?
Both, but dark is the default — black gallery walls make photographs read louder. The theme toggle in the top-right swaps the two. Light mode uses paper-white background + charcoal type + the same warm-amber accent.
What about rate-limiting form spam?
The createInquiry server action enforces 5 inquiries per IP per hour (IP is salt-hashed at the project level — no raw IPs stored). Beyond that the form returns a friendly 'too many inquiries' error.

関連ビルダー

他のカテゴリを探す

ビルドを始めますか?

今すぐプロジェクトのビルドを開始しましょう — コーディング不要。

ビルドを始める