Formgong

Templates

Free Next.js templates with a working contact form

Website templates for Next.js with the App Router, set up as a static export. The contact form posts straight to Formgong, so there is no API route, Server Action or email code to maintain.

Other platforms: HTML · WordPress · Shopify · Astro · Nuxt · SvelteKit · Hugo · Eleventy · Ghost. Or see all website templates.

How to install a Next.js template

  1. Download a template's zip from its card above.
  2. Unzip it, run npm install, then npm run dev and open localhost:3000. npm run build puts the static site in out/.
  3. Create a free form at formgong.com/new and copy its access key. It starts with fk_ and is safe to put in a web page. Paste it over fk_your_access_key in content.json. Every text on the page is in that file.
  4. Send a test message from your site and check that it reaches your Formgong inbox.

The package.json asks for Next.js 16 and React 19. The build is plain static files, so any static host can serve it, Vercel included.

Inside: app/page.jsx puts the sections together, app/sections/ has one component per section, and content.json at the root holds every text and the form key.

What to expect

  • Each one is a single page: the home page of the HTML template, split into one component per section. More pages are yours to add the usual Next.js way.
  • The text lives in one JSON file and there is no CMS, so someone who doesn't write code will be happier with the HTML version or WordPress.
  • They come from our template generator, which turns one HTML design into ten platforms. The code stays plain, with no UI library, the original CSS and one small script.
  • The photos were generated for the templates. Replace them before launch.

One kit for the whole site

The template is the first part. The Formgong account that receives its form and emails you each message can also run a help chat that answers visitors from your own pages, and collect star reviews that show on the site once you approve them. Each part goes in as a key or a short embed code, and you manage all of it from one dashboard.

Tell us what's missing

If your kind of business has no Next.js template here yet, or a step here doesn't match what you see, email support@formgong.com. We read every message and fix the page, and the next templates we make are the ones people ask for there.

Questions

Do I need an API route for the contact form?

No. The form posts to Formgong from the browser and shows thanks only when Formgong answers success: true. Nothing runs on your server.

Can I deploy to Vercel?

Yes. Import the folder as a project and Vercel builds it. Since it is a static export, Netlify, Cloudflare Pages and GitHub Pages work too.

Is there TypeScript or Tailwind?

No. The components are plain JSX with the template's own CSS, so nothing has to be configured before it builds.

Free plan: 1,000 submissions a month, Telegram alerts at once.Get a free access key