A modern Next.js landing page template optimized for conversions.
Live Demo: https://www.linkhouse.store/
- Next.js 15
- React 19
- TypeScript
- Tailwind CSS v4
-
Install dependencies
npm install
-
Run development server
npm run dev
-
Create a Google Tag Manager account
- Go to Google Tag Manager
- Create a new account and container
- Copy your GTM Container ID (format:
GTM-XXXXXXX)
-
Add environment variable
- Create a
.env.localfile in the root directory - Add your GTM ID:
NEXT_PUBLIC_GTM_ID=GTM-XXXXXXX
- Create a
-
Restart your development server
- The Google Tag Manager script will automatically load on all pages
-
Get your access key
- Go to Web3Forms
- Sign up for a free account
- Generate an access key from your dashboard
-
Add environment variable
- Add to your
.env.localfile:NEXT_PUBLIC_WEB3FORMS_ACCESS_KEY=your-access-key-here
- Add to your
-
Restart your development server
- The email form on the thank-you page will now work
Note: Make sure .env.local is in your .gitignore file (it should be by default) to keep your keys secure.
Deploy to Vercel:
- Push to GitHub
- Import repository in Vercel
- Deploy
Or build manually:
npm run build
npm start