This is a React.js/Next.js based landing page plug-n-play template, ideal for startups/companies/service providers wanting to showcase their vision in a single page sleek and modern landing page.

• 📱 Responsive design

• 🔥 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

• 🗂 VSCode configuration: Debug, Settings, Tasks and extension for PostCSS, ESLint, Prettier, TypeScript

• 🤖 SEO metadata, JSON-LD and Open Graph tags with Next SEO

• 🖱️ One click deployment with Vercel or Netlify (or manual deployment to any hosting services)

Built-in feature from Next.js:

• ☕ Minify HTML & CSS
• 💨 Live reload
• ✅ Cache busting

git clone https://github.com/issaafalkattan/react-landing-page-template-2021.git
cd react-landing-page-template-2021
yarn

Then, you can run locally in development mode with live reload:

yarn dev

Open http://localhost:3000 with your favorite browser to see your project.

1. Content: change the configuration in the src/config/index.json file to change the content of the landing page to match your use src/config/index.json folder and .
2. Images: add any images/icons..etc to the public/assets/images folder and update their reference source in src/config/index.json.
3. Theme: to change the theme, update the tailwind.config.js file to match the theme of your branding. Tutorial.

You can see the results locally in production mode with:

yarn build
yarn start

The generated HTML and CSS files are minified (built-in feature from Next js). It will also removed unused CSS from Tailwind CSS.

You can create an optimised production build with:

yarn build-prod

Everyone is welcome to contribute to this project. Feel free to open an issue if you have question or found a bug.

Licensed under the MIT License, Copyright © 2021