11

πŸš€ React Landing Page Template Free with Tailwind CSS and TypeScript [Open source...

 3 years ago
source link: https://dev.to/ixartz/react-landing-page-template-free-with-tailwind-css-and-typescript-open-source-159
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client
Cover image for πŸš€ React Landing Page Template Free with Tailwind CSS and TypeScript [Open source] ⚑️

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

Sep 9

・2 min read

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:

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 2.0 and TypeScript ⚑️ Made with developer experience first: Next.js 11 + TypeScript + ESLint + Prettier + Husky + Lint-Staged + VSCode + Netlify + PostCSS + Tailwind CSS

Landing Page Template built with Next JS 11+, Tailwind CSS 2.0 and TypeScript

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

Check out our live demo.

Features

Developer experience first:

  • πŸ”₯Next.js for Static Site Generator
  • 🎨 Integrate with Tailwind CSS (w/ JIT mode)
  • πŸ’… PostCSS for processing Tailwind CSS and integrated to styled-jsx
  • πŸŽ‰ Type checking TypeScript
  • βœ… Strict Mode for TypeScript and React 17
  • ✏️ 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 extension for…

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

  • Navigation
  • 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.


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK