DEV Community

Cover image for 🚀 React Landing Page Template Free with Tailwind CSS and TypeScript [Open source] ⚡️
Remi W.
Remi W.

Posted on

🚀 React Landing Page Template Free with Tailwind CSS and TypeScript [Open source] ⚡️

A minimalist landing page theme built on top of React, Tailwind CSS, TypeScript 4.4 and Next JS 11. An open source and free React Landing Page hosted on GitHub. It includes everything with best developer experience in mind with linter ESLint, Code formatter Prettier, Git Hooks with Husky, VSCode configuration.

You can deploy a React landing page in seconds, saving you development and design time with one-click deployment on Vercel, Netlify or you can choose manual deployment to any hosting services.

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

React Landing Page Template Screenshot

You can also check the source code on GitHub: React 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…

This landing page includes out-of-the-box several React components:

  • Navigation
  • Hero
  • Feature
  • Banner
  • Footer

If you want to go further you can checkout our premium React templates.

Built on NextJS Boilerplate

React landing Page Template is built on top of React Boilerplate. Already reached 500+ ⭐ stars on GitHub.

More React Landing Page template

Get access to React components like pricing, testimonial, FAQ, customer logo, statistics, banner, etc.

If you currently building a SaaS, checkout our React SaaS Boilerplate Template. A full-stack React template to build a SaaS faster with:

  • Authentication
  • Landing Page UI
  • User Dashboard UI
  • Form and Error management
  • Payment Integration with Stripe
  • Infra as code
  • Deployment on AWS
  • Serverless
  • VSCode integration
  • Code example with Todo app and CRUD

You don't need any more to be designer or a DevOps engineer to build a SaaS. Save you development and designs time.

Top comments (1)

Collapse
 
thodsathon profile image
ThodsathonPhothong

ผมจะใช่ได้ป่าวตังไม่มีนะสิ