Skip to content

Landing page built with Tailwind CSS and React with a tutorial

Notifications You must be signed in to change notification settings

pycoder2000/cloud-app

Repository files navigation

Tailwind landing page template

Simple TailwindCSS template preview

TailwindCSS Node.js React React Router

This landing page is an open source, generic landing page template built with Tailwind CSS and coded entirely with React. This webpage is designed to provide all the basic components a developer need to create a landing page for SaaS products, online services, and more. This was followed by this YouTube Tutorial. Use it for whatever you want, and be sure to reach me out on Twitter if you want to build anything cool/useful with it.

🛠 Getting Started

Choose one of the following options to get started:

  • Download the zip
  • Clone the repo: git clone https://github.com/pycoder2000/cloud-app.git
  • Fork the repo

🏗️ Usage

Project setup

npm install

Compiles and hot-reloads for development

npm run dev

Compiles and minifies for production

npm run build

🐛 Bugs and Issues

Have a bug or an issue with this template? Open a new issue here on GitHub.

🪜 Project structure

📦 root
├── 🗂️ public                 # Holds favicons and other assets
├── 🗂️ src                    # Files to change the content of pages
│   ├── 🗂️ static             # Holds images, favicons, and other assets
│   │   ├── 🗂️ images         # Image Files
│   │   └── 🗂️ js             # Javascript Files
│   ├── 🗂️ components         # React files to customize the components for the site
│   ├── 📝 App.js             # Js file to create routes and navigation
│   ├── 📝 index.css          # Main CSS file
│   └── 📝 index.js           # Main Js file
└── 📝 tailwind.config.js     # Contains tailwind stylesheet to change the look

✒️ Image Attribution

Hero vector created by freepik.com

About

Landing page built with Tailwind CSS and React with a tutorial

Topics

Resources

Stars

Watchers

Forks