DEV Community

Cover image for ๐Ÿš€ I Built a React Landing Page Template using TypeScript and Tailwind CSS. Here is the result in video ๐ŸŽฅ.
Remi W.
Remi W.

Posted on

4 3

๐Ÿš€ I Built a React Landing Page Template using TypeScript and Tailwind CSS. Here is the result in video ๐ŸŽฅ.

Recently, I've built several Landing Page in React with modern and trendy technologies like Next JS, TypeScript and Tailwind. By building this template, I've learned so much about frontend development and user interface. Now, I am not ashamed anymore to show the result even if it isn't perfect. For your information, I have more a backend experience and building ugly interfaces was my standard.

Here is the result in the video:

Open to feedback and suggestion.

Next JS Landing Page Template Free

If you want to learn more, I've open sourced a light version on GitHub at : Next JS Landing Page Template GitHub

And you can find a Next JS Landing Page Template Free Live Demo

Built with developer experience in mind:

  • Next JS with TypeScript
  • Styling with Tailwind CSS
  • ESLint, Prettier and Husky included out-of-the-box
  • SEO friendly
  • Production-ready

It includes several React components:

  • Navigation
  • Hero
  • Features
  • Call to action banner
  • Footer

More than 100+ โญ stars on GitHub.

AWS GenAI LIVE image

Real challenges. Real solutions. Real talk.

From technical discussions to philosophical debates, AWS and AWS Partners examine the impact and evolution of gen AI.

Learn more

Top comments (0)

The best way to debug slow web pages cover image

The best way to debug slow web pages

Tools like Page Speed Insights and Google Lighthouse are great for providing advice for front end performance issues. But what these tools canโ€™t do, is evaluate performance across your entire stack of distributed services and applications.

Watch video

๐Ÿ‘‹ Kindness is contagious

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

Okay