All Projects → imadatyatalah → next.js-tailwindcss-template

imadatyatalah / next.js-tailwindcss-template

Licence: MIT License
Opinionated Next.js and TailwindCSS template.

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects
shell
77523 projects

Projects that are alternatives of or similar to next.js-tailwindcss-template

website
Personal website and blog built with Next.js, Preact, MDX, Tailwind CSS and hosted on Vercel.
Stars: ✭ 17 (+13.33%)
Mutual labels:  eslint, prettier, tailwindcss, vercel
vite-react-ts-tailwind-firebase-starter
Starter using Vite + React + TypeScript + Tailwind CSS. And already set up Firebase(v9), Prettier and ESLint.
Stars: ✭ 108 (+620%)
Mutual labels:  eslint, prettier, tailwindcss
bradgarropy.com
🏠 my home on the web
Stars: ✭ 58 (+286.67%)
Mutual labels:  eslint, prettier, vercel
reactjs-vite-tailwindcss-boilerplate
ReactJS + Vite boilerplate to be used with Tailwindcss.
Stars: ✭ 103 (+586.67%)
Mutual labels:  eslint, prettier, tailwindcss
next-pwa-template
Next.js progressive web app template
Stars: ✭ 266 (+1673.33%)
Mutual labels:  eslint, prettier, tailwindcss
awesome-vue-boilerplate
😍 Awesome Vue Boilerplate 🥳 Vue 🥰 Vuex, vuex-pathify 🤗 element-ui 🤲 tailwindcss
Stars: ✭ 60 (+300%)
Mutual labels:  eslint, prettier, tailwindcss
hue.tools
Simple toolbox for working with colors. Color mixing, blending, conversion, modification, detailed information, etc.
Stars: ✭ 331 (+2106.67%)
Mutual labels:  tailwindcss, vercel
react-native-template-basic
A simple React Native template with ESlint, Enzyme, Flow, Prettier and custom scripts
Stars: ✭ 14 (-6.67%)
Mutual labels:  eslint, prettier
nimbus
Centralized CLI for JavaScript and TypeScript developer tools.
Stars: ✭ 112 (+646.67%)
Mutual labels:  eslint, prettier
eslint-plugin-tailwind
ESLint rules for Tailwind CSS
Stars: ✭ 97 (+546.67%)
Mutual labels:  eslint, tailwindcss
vuejs-tailwindcss-portfolio
A simple multipage and responsive Vue.js & Tailwind CSS portfolio theme with dark mode.
Stars: ✭ 100 (+566.67%)
Mutual labels:  dark-mode, tailwindcss
over-hangman
💥 Over powered hangman game
Stars: ✭ 42 (+180%)
Mutual labels:  tailwindcss, vercel
wagtail-react-blog
SPA built with React, Tailwind CSS and Wagtail Rest API
Stars: ✭ 66 (+340%)
Mutual labels:  dark-mode, tailwindcss
react-atdd-playground
Template to (deliberate) practice your test-driven development skills.
Stars: ✭ 14 (-6.67%)
Mutual labels:  nextjs-template, vercel
Express-REST-API-Template
Minimal starter project for a Node.js RESTful API based off express generator
Stars: ✭ 26 (+73.33%)
Mutual labels:  eslint, prettier
ts-nextjs-tailwind-starter
🔋 Next.js + Tailwind CSS + TypeScript starter packed with useful development features
Stars: ✭ 880 (+5766.67%)
Mutual labels:  eslint, tailwindcss
generator-node
🔧 Yeoman generator for Node projects.
Stars: ✭ 16 (+6.67%)
Mutual labels:  eslint, prettier
eslint-config-hardcore
The most strict (yet practical) ESLint config. 34 plugins. 1047 rules.
Stars: ✭ 168 (+1020%)
Mutual labels:  eslint, prettier
dva-typescript-antd-starter-kit
A admin dashboard application demo based on antd by typescript and dva
Stars: ✭ 61 (+306.67%)
Mutual labels:  eslint, prettier
webpack-typescript-react
Webpack 5 boilerplate with support of most common loaders and modules (see tags and description)
Stars: ✭ 185 (+1133.33%)
Mutual labels:  eslint, prettier

Next.js TailwindCSS Template

CodeFactor MIT License Stargazers Forks

About The Project

After a couple of Next.js projects, I found that I'm spending much time just to setup a new Next.js project, That's why I created this template, Fell free to use it and give me your feedback!

Built With

Features

  • TypeScript ready.
  • ESLint ready.
  • Dark Mode ready.
  • Supports absolute imports.
  • SEO friendly.
  • Self-hosted Inter font & cashed by Vercel.

Screenshot

Screenshot

Deploy

Deploy with Vercel

Getting Started

Create a new application using create-next-app with the -e | --example flag pointing to this repository's url, like so:

npx create-next-app@latest --example https://github.com/imadatyatalah/next.js-tailwindcss-template

Tip: You can find create-next-app's documentation at https://nextjs.org/docs/api-reference/create-next-app.

You can also click on the Use this template button.

After that, clone the repository that was created on your account and follow the steps below:

# Installing project dependencies
npm install
# Starting the project
npm run dev

Your site is now running at http://localhost:3000!

License

Distributed under the MIT License. See LICENSE for more information.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].