DEV Community

Cover image for πŸš€ NextJS Landing Page Template Free with Tailwind CSS and TypeScript [Open source] ⚑️
Remi W.
Remi W.

Posted on

πŸš€ NextJS Landing Page Template Free with Tailwind CSS and TypeScript [Open source] ⚑️

A simple landing page template built on top of NextJS 10, React, Tailwind CSS 2.0 and TypeScript. A open source and free project hosted on GitHub. It also includes ESLint and Prettier configuration for better developer experience.

You can deploy a NextJS landing page in seconds, saving you development and design time.

A picture is worth a thousand words, here is the screenshot:

Nextjs Landing Page Template Screenshot

You can also check the source code on GitHub: NextJS Landing Page Template.

GitHub logo ixartz / Next-JS-Landing-Page-Starter-Template

πŸš€ Free NextJS Landing Page Template written in Tailwind CSS 3 and TypeScript ⚑️ Made with developer experience first: Next.js 14 + TypeScript + ESLint + Prettier + Husky + Lint-Staged + VSCode + Netlify + PostCSS + Tailwind CSS

Landing Page Template built with Next JS 14+, Tailwind CSS 3 and TypeScript Twitter

Next js starter banner

πŸš€ Landing Page theme written in Next.js, Tailwind CSS and TypeScript ⚑️ Made with developer experience first: Next.js, TypeScript, ESLint, Prettier, Husky, Lint-Staged, VSCode, Netlify, PostCSS, Tailwind CSS.

Clone this project and use it to create your own Next.js project. You can check a Next js templates demo.

Sponsors

DEMO

Nextjs Landing Page Template Screenshot

Check out our live demo.

Features

Developer experience first:

  • πŸ”₯ Next.js for Static Site Generator
  • 🎨 Integrate with Tailwind CSS
  • πŸ’… PostCSS for processing Tailwind CSS and integrated to styled-jsx
  • πŸŽ‰ Type checking TypeScript
  • βœ… Strict Mode for TypeScript and React 18
  • ✏️ Linter with ESLint (default NextJS, NextJS Core Web Vitals and Airbnb configuration)
  • πŸ›  Code Formatter with Prettier
  • 🦊 Husky for Git Hooks
  • 🚫 Lint-staged for running linters on Git staged files
  • πŸ—‚ VSCode configuration: Debug, Settings, Tasks and…

By default this landing page includes:

  • Navigation component
  • Hero component
  • Feature component
  • Banner component
  • Footer component

If you want to find more components you can checkout our premium NextJS themes.

Built on NextJS Boilerplate

Nextjs landing Page Template is built on top of NextJS Boilerplate. Almost reaching 100+ ⭐ stars on GitHub.

Built with latest technologies

Other Next JS Templates and Themes

Built in modern ways with components and UI blocks. You can also check my portfolio at:

You can easily customize the themes based on your needs by saving you development and design time.

Top comments (0)