DEV Community

Cover image for ๐Ÿ”ฅ Next JS Website Template with Landing Page Theme [Open Source]
Remi W.
Remi W.

Posted on

8 5

๐Ÿ”ฅ Next JS Website Template with Landing Page Theme [Open Source]

Start your website in Next JS, React, TypeScript and Tailwind CSS for your side projects, online products, SaaS, services. The template is integrated with great JavaScript tooling like ESLint, Prettier, Husky, etc. Perfect to build a high quality website without losing time configuring, testing and reading long documentation.

Fully responsive website theme and highly customizable, this website template helps you save development and design time.

Here is the result:

Nextjs Website Template Screenshot

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โ€ฆ

Made by devs for developers

This template was made by a developer for React developers. You have access to React components and here is the list of pre-made components:

  • Navigation component
  • Hero component
  • Feature component
  • Banner component
  • Footer component

If you need to access to more components, you can visit our Next JS template gallery, a premium version of the website theme.

Premium Next JS Templates and Themes

Built in modern ways with components and UI blocks. You can also check my portfolio at:

Find more open source projects

You can find more open source Next JS template on my GitHub:

AWS GenAI LIVE image

How is generative AI increasing efficiency?

Join AWS GenAI LIVE! to find out how gen AI is reshaping productivity, streamlining processes, and driving innovation.

Learn more

Top comments (2)

Collapse
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
ixartz profile image
Remi W. โ€ข

Thank you for your support!

Some comments have been hidden by the post's author - find out more

nextjs tutorial video

Youtube Tutorial Series ๐Ÿ“บ

So you built a Next.js app, but you need a clear view of the entire operation flow to be able to identify performance bottlenecks before you launch. But how do you get started? Get the essentials on tracing for Next.js from @nikolovlazar in this video series ๐Ÿ‘€

Watch the Youtube series

๐Ÿ‘‹ Kindness is contagious

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

Okay