Next.js template

Travel website template

A complete Next.js travel website template for tour operators and small travel houses: destinations, bookable weeks, and a trip enquiry form that actually sends.

View Live Site Download Code

Quick Answer

This is the best free Next.js travel website template with a working enquiry form because it uses Formgrid as the form backend so trip requests go to your email and a Google Sheets roster without writing a server. Marram ships destinations, tours, itineraries, and a Plan a journey form. Set one environment variable, deploy on Vercel or GitHub Pages, and collect real booking enquiries from day one. Full source on GitHub. No credit card required.

Built for travel houses that sell weeks, not flights

This travel website template is Marram, a fictional Lisbon travel house that plans small-group weeks in one landscape: walking, rail, and the table. Visitors see a brand, not a dashboard demo. Developers later point the same enquiry form at a live Formgrid endpoint.

Marram travel website template homepage screenshot

Homepage preview. The live demo shows destinations, tours, and the enquiry flow.

Screenshots from the live template

Marram tours index screenshot
Tours: bookable weeks with editorial photography.
Marram trip enquiry form screenshot
Plan a journey: Formgrid-shaped booking enquiry form.

What’s included

  • Destination essays and a tours index with tour detail pages.
  • Trip enquiry form on /plan, powered by Formgrid.
  • Typed domain data for destinations, tours, itinerary days, and testimonials.
  • App Router metadata, sitemap, robots, and JSON-LD on tour pages.
  • Static export so the same site runs locally or on GitHub Pages.
  • Next.js 14, React 18, TypeScript. No dashboard chrome in the marketing site.

How to use this template

  1. Clone the Formgrid repo and open examples/travel-agency.
  2. From the repository root run pnpm install then pnpm example:travel.
  3. Create a free account at formgrid.dev and copy your form endpoint URL.
  4. Set NEXT_PUBLIC_FORMGRID_ENDPOINT to that URL and rebuild.
  5. Deploy the static export to Vercel, GitHub Pages, Netlify, or Cloudflare Pages.

All templates use Formgrid as the form backend. The free plan includes 50 submissions per month. No credit card required.

Fully functional: not just a mockup

Enquiry form that posts

Visitors go from a tour to /plan. submitInquiry() sends a Formgrid-shaped payload. Wire your endpoint and the request becomes a lead.

One environment variable

Set NEXT_PUBLIC_FORMGRID_ENDPOINT. No database, no SMTP, no custom API route for the form.

Ready for a real travel brand

Replace the Marram copy, Unsplash photos, and tour data. Keep the enquiry path. Pair it with Formgrid’s lead pipeline when you are ready to follow up.

Start using this travel website template today

Launch a professional travel site and collect real trip enquiries from day one.

View Live Site Download Code

Running a travel agency and want this set up for you? I offer done-for-you setup starting at $500. Learn more →

What Happens After Submit

Every template enquiry connects to a full lead system

Download the HTML, point the form at Formgrid, and get the same dashboard, Google Sheets sync, and follow up tools that power every Formgrid site. Not just a plain email notification.

Lead pipeline

Every enquiry becomes a tracked lead

New, Contacted, and Converted stages in one dashboard. See active enquiries and conversion rate without counting manually or adding a separate CRM.

Formgrid lead pipeline showing New Contacted Converted stages
Lead status and pipeline view in the Formgrid dashboard

Google Sheets sync

Every submission in a shared sheet automatically

Each form post appears as a new row in Google Sheets within seconds. Your whole team sees new leads in real time. No Zapier needed.

Form submissions syncing to Google Sheets automatically

Email notifications

Instant inbox alerts that look professional

Every submission triggers a clean, formatted email with the full enquiry details. No raw data dumps in the inbox.

Instant email notification for a new form submission

Follow up reminders

Warm leads never go cold

Set a follow up date on any lead and get an email reminder with the lead details and your notes on that date.

Formgrid follow up reminder email with lead details

UTM Source Tracking

Know exactly which channel sent each submission. Google, Instagram, referrals, and paid ads are captured automatically.

Spam Protection

Honeypot fields and rate limiting are built in automatically. Your template form stays protected from bots.

Frequently Asked Questions

Common questions about using and customizing this travel website template.

Yes. The Next.js template is free and open source on GitHub. You can clone it, customize destinations and tours, and deploy it at no cost on Vercel, GitHub Pages, Netlify, or Cloudflare Pages. The enquiry form uses Formgrid as the backend. Formgrid's free plan includes 50 submissions per month with no credit card required. If you receive more than 50 trip enquiries per month, the Premium plan is $12 per month.
Sign up free at formgrid.dev, create a new form, and copy your unique endpoint URL. Set NEXT_PUBLIC_FORMGRID_ENDPOINT to that URL and rebuild. submitInquiry already POSTs the enquiry. That is the only change required. Enquiries then send email notifications and appear as tracked leads. No database. No SMTP setup.
Yes. This is a static Next.js export. GitHub Actions already builds the example and publishes it to GitHub Pages. You can also deploy to Vercel, Netlify, or Cloudflare Pages. The enquiry form works on any static host because Formgrid handles server side processing.
Home, tours index, tour detail, destinations index, destination essays, about the house, a Plan a journey enquiry form, and a studio contact page. Tour pages can be preselected on the form with a query string. Replace the Marram copy and Unsplash photographs with your own licensed images when you go live.
No. Marram is a Next.js developer template. If you want a form you can customize without code, use the no-code templates on formgrid.dev/templates. This example is for developers who want a full marketing site with Formgrid as the backend.
Yes via Formgrid. Connect your form to a Google Sheet from the Integrations tab and every enquiry appears as a new row. Google Sheets sync is available on the Formgrid Premium plan at $12 per month.
Formgrid Services offers a done for you setup starting at $500. You get destination and package pages, a trip enquiry form, Google Sheets sync, a lead pipeline, and UTM tracking. Setup takes 3 to 5 business days. Learn more at formgrid.dev/services-travel-agencies.

Your form builder, lead pipeline, and form backend in one place.

Whether you are sharing a form link on WhatsApp, pointing your HTML form to a Formgrid endpoint, or tracking leads through a built-in pipeline, get it done in 2 minutes.

Start Free. No Credit Card Required