Tailwind Resources Logo Tailwind Resources
NextJS Landing Page Template screenshot

NextJS Landing Page Template

Author Avatar Theme by Moinbukhari
Updated: 29 Nov 2023
49 Stars

This is a Landing Page template for Next.js 14 App Router.

Github Live Preview

Categories

Nextjs React Geist ui Shadcn ui

Overview

The NextJS Landing Page Template is a pre-built landing page template designed specifically for use with Next.js 14 App Router. It is built using Tailwind CSS and includes custom components and layouts that are fully responsive in both mobile and desktop views. The template also utilizes Shadcn Components + Themes for added functionality.

Features

  • Next.js 14 App Router: Built specifically for use with Next.js 14 App Router, allowing for efficient and optimized routing within the application.
  • Tailwind CSS: Utilizes the power and flexibility of Tailwind CSS for easy and seamless styling of the landing page template.
  • Shadcn Components + Themes: Includes a collection of custom components and themes from Shadcn, adding additional functionality and customization options to the template.

Installation

To install the NextJS Landing Page Template, follow these steps:

  1. Install Next.js 14 App Router and Tailwind CSS in your project folder:
npm install next@14 tailwindcss
  1. Clone or download the template from the official GitHub repository:
git clone https://github.com/next-template/landing-page-template.git
  1. Navigate to the cloned/downloaded template folder:
cd landing-page-template
  1. Install the required dependencies:
npm install
  1. Run the development server:
npm run dev

  1. Open your browser and go to http://localhost:3000 to see the result.

  2. You can now start editing the page by modifying the app/page.tsx file. The page will automatically update as you make changes to the file.

Summary

The NextJS Landing Page Template is a pre-built landing page template designed for use with Next.js 14 App Router. It is built using Tailwind CSS and includes custom components and layouts that are fully responsive in both mobile and desktop views. This template offers efficient routing capabilities, easy styling with Tailwind CSS, and additional functionality through Shadcn Components + Themes. Installation is straightforward and well-documented, making it easy to set up and customize a landing page for any Next.js project.