Next.js TailwindCSS Typescript Starter

This is a Next.js 11.x, TailwindCSS 2.x, and TypeScript 4.x starter template with Font Awesome react added (with types).

For more details, see my blog post. Nextjs TailwindCSS Typescript Starter

How to use this template

Here're a few ways to create your new project using this template.

Using `create-next-app`

Create a new next.js app from the template using create-next-app

npx create-next-app --example "https://github.com/jlhasson/nextjs-tailwind-ts-fontawesome-starter/tree/main"
# or
yarn create next-app --example "https://github.com/jlhasson/nextjs-tailwind-ts-fontawesome-starter/tree/main"

Create new repository from github template

You can generate a new repository with the same directory structure and files by click Use this template button in the upper right or click here.

Getting Started

Install dependencies:

npm install
# or
yarn install

Run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying src/pages/index.js. The page auto-updates as you edit the file.

Deploy on Vercel

Once you have the project running locally you can import your project to Vercel and get it up and running in a few clicks.

Other option is to click on the button below to create a new repository that look exactly like this one, and sets it up and running on Vercel.

Check out Next.js deployment documentation for more details.