Pathway - A Landing Page Starter

An awesome landing page template optimized for you get those clicks into sales!

Gumroad Page: See the Gumroad Page here.

See Live Demo: Demo Link

  • NextJS + Tailwind CSS
  • Conversion Optimized
  • Blazingly Fast
  • Mobile Responsive
  • 20+ Components
  • SEO setup: meta tags, twitter/facebook open graph - image preview, etc.

You can easily make use of the components and customize the code to mix and match to suit your needs.

This is a Next.js project bootstrapped with create-next-app.

Pathway Preview


  • Version: 0.2
  • Created: 07 Dec 2022
  • Last update: 16 Dec 2022

Deploy your own

Deploy the example using Vercel.

If you want to deploy on Netlify, use the following build command under site settings:

npm run build

You also want to make sure the publish directory is out.

Getting Started

Change into the project directory and run the following command:

npm run dev
# or
yarn dev

Update Site Metadata

env: {
  siteTitle: 'Your Company',
  siteDescription: 'Your company description.',
  siteKeywords: 'your company keywords',
  siteUrl: '',
  siteImagePreviewUrl: '/images/preview.jpeg',
  twitterHandle: '@your_handle'

Update Colors

You can update the colors in tailwind.config.js file.

Update Favicon

Update the manifest.json file and the icons under the public/images/icons folder.

You can use free tools online such as to quickly generate all the different icon sizes and favicon.ico file.