Minimal Next.js + TypeScript + Tailwind CSS starter template.

Related tags

Learning resource template typescript reactjs nextjs starter-template tailwindcss
Overview

⚡ next-ts-tailwind-starter ⚡

Minimal Next.js + TypeScript + Tailwind CSS starter template.

Made by Piyush Pandey

Give a ⭐ if you want to appreciate.

1. Use this template in any of the two methods:

  1. Use this template button. (Recommended)

    Use as template

    • A new repo will be created

    New repo

    • Clone the repo from your GitHub and you are good to go!!!

  2. Using create-next-app

    npx create-next-app -e https://github.com/zephyrus21/next-ts-tailwind-starter project-name

    or

    yarn create next-app -e https://github.com/zephyrus21/next-ts-tailwind-starter project-name

Disclaimer: You can use npm or yarn as per your preference.

2. Install dependencies

cd to the project folder then

yarn install

3. Run the development server

You can start the server using this command:

yarn dev

Open http://localhost:3000 with your browser to see the result. You can start editing the page by modifying src/pages/index.tsx.

You might also like...

Next.js and Tailwind.css with TypeScript Templete.

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Jan 23, 2022

Remix starter kit with Tailwind CSS family of libraries: Headless UI, Radix UI, VechaiUI, daisyUI, and more

Remix starter kit with Tailwind CSS family of libraries: Headless UI, Radix UI, VechaiUI, daisyUI, and more

Remix Tailwind Starter Kit Remix starter kit with Tailwind CSS v3 family of libraries. Example demo to combine the best Tailwind-related ecosystem suc

Dec 18, 2022

Simple starter for SvelteKit with Tailwind CSS already set up and ready to go.

Get Started Simple Sveltekit boilerplate with Tailwind CSS already set up. Just run npm install to download the dependencies. Info I use Tailwind in p

Dec 23, 2022

NativeScript + Tailwind CSS + Angular Mobile Starter

NativeScript + Tailwind CSS + Angular Mobile Starter

NativeScript + Tailwind CSS + Angular Mobile Starter This repo is a small starting point for building a native iOS and Android app with Tailwind CSS,

Nov 4, 2022

Fullstack Turborepo starter. Typescript, Nestjs, Nextjs, Tailwind, Prisma, Github Actions, Docker, And Reverse proxy configured

Turborepo (NestJS + Prisma + NextJS + Tailwind + Typescript + Jest) Starter This is fullstack turborepo starter. It comes with the following features.

Jan 9, 2023

Stablo is a minimal blog website template built with Next.js, TailwindCSS & Sanity CMS

Stablo is a minimal blog website template built with Next.js, TailwindCSS & Sanity CMS

Stablo Blog Template - Next.js & Sanity CMS Stablo is a JAMStack Starter template built with Next.js, Tailwind CSS & Sanity CMS by Web3Templates. Clic

Dec 30, 2022

Minimal Next.js template with Mantine

Mantine Next Template Get started with Mantine + Next with just a few button clicks. Click Use this template button at the header of repository or fol

Dec 15, 2022

Node-cli-starter - Basic starter kit for building Node CLI applications with TypeScript.

node-cli-starter Minimal starter kit for building Node CLI applications with TypeScript. Getting Started To get started clone repo locally and run npm

May 17, 2022

Kaol Stack - Prisma, Expo, Next, TRPC, Solito, Tailwind - A monorepo template for a truly universal app

Kaol Stack - Prisma, Expo, Next, TRPC, Solito, Tailwind - A monorepo template for a truly universal app

Kaol Stack 🔦 About A monorepo with Prisma, Next.js, Expo, tRPC, Authentication and Solito setup and configured to work together. With this setup you

Dec 21, 2022
Comments
  • Feature request

    Feature request

    Give a little starter screen to this repo like that of NextJS or create-react-app, currently it has just a red word "Test"

    Suggestion for starter screen.

    1. List technologies used for this repo, along with version name.
    2. A 4 colored square with logo of each used that is used.
    opened by zriyansh 1
Owner
Piyush Pandey
Me and my codes are dumb, but anyways both works for me!!!
Piyush Pandey
GitHub https://ntt-starter.piyushpandey.tech/
Starter template for a personal website blog, built with Next.js, MDX, and Tailwind CSS.

nextjs-mdx-blog-theme View: demo site Framework: Next.js Deployment: Vercel Content: MDX Styling: Tailwind CSS Running Locally $ git clone https://git

Alex Carpenter 18 Dec 26, 2022
⏪ Rewinds – Remix Tailwind Starter Kit with Tailwind CSS, Headless UI, Radix UI, and more

⏪ Rewinds – Remix Tailwind Starter Kit Rewinds is a Remix starter kit with Tailwind CSS v3 family of libraries. This is an example demo to combine the

M Haidar Hanif 81 Dec 24, 2022
Gatsby-starter-minimal-blog - Typography driven, feature-rich blogging theme with minimal aesthetics.

Gatsby-starter-minimal-blog - Typography driven, feature-rich blogging theme with minimal aesthetics. Includes tags/categories support and extensive features for code blocks such as live preview, line numbers, and line highlighting.

Priya Chakraborty 0 Jan 29, 2022
A prisma-typegraphQL-typescript starter template with minimal setup

TypeGraphql-Prisma-Typescript Starter template. TECH INSIDE TypeGraphQL Apollo-express-server v3 Prisma v4 Typescript v4.7 TypegraphQL-prisma extensio

Dhans 2 Sep 5, 2022
Next.js + Tailwind + Typescript + Prisma + NextAuth starter project

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Steven Tey 106 Jan 3, 2023
🚀 A web extension starter built with React, Typescript, and Tailwind CSS. Build once, and run on multiple browsers: Google Chrome, Mozilla Firefox, Microsoft Edge, Brave, and Opera..

Web Extension Starter A web extension starter, built with React, Typescript, and Tailwind CSS. Build once, and run on multiple browsers: Google Chrome

BCIT Design & Development Club (BCIT-DDC) 28 Dec 28, 2022
🛫 TypeScript Starter template to simplify creating your next npm package.

TypeScript Starter Kit This is an opinionated TypeScript Starter kit to help kick-start development of your next npm package. ?? Get Started Luckily,

Open Web 7 Sep 27, 2022
🛫 TypeScript Starter template to simplify creating your next npm package.

TypeScript Starter Kit This is an opinionated TypeScript Starter kit to help kick-start development of your next npm package. ?? Get Started Luckily,

Open Web Foundation 5 May 19, 2022
Explore movies, tv shows. Built with Next.js, Tailwind CSS, Redux, Firebase, TypeScript, TMDB v3 API.

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Sinan Bekar 11 Dec 4, 2022
⚡ Personal website and blog made using TypeScript, Next.js, Tailwind CSS.

小康 blog View Demo · Report Bug · Request Feature ?? honghong.me Framework: Next.js Database: Planetscale ORM: Prisma Authentication: NextAuth.js Deplo

小康 94 Dec 31, 2022