DEV Community

Cover image for ๐Ÿš€ NextJS Landing Page Template Free with Tailwind CSS and TypeScript [Open source] โšก๏ธ
Remi W.
Remi W.

Posted on

29 13

๐Ÿš€ 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.

Image of Datadog

The Essential Toolkit for Front-end Developers

Take a user-centric approach to front-end monitoring that evolves alongside increasingly complex frameworks and single-page applications.

Get The Kit

Top comments (0)

๐Ÿ‘‹ Kindness is contagious

Please leave a โค๏ธ or a friendly comment on this post if you found it helpful!

Okay