Skip to content

fahmiidris/nextjs-app-dir-template

Repository files navigation

This is a Next.js project bootstrapped with create-next-app.

Getting Started

Here is how you can run the project locally:

  1. Clone this repo

    git clone git@github.com:fahmiidris/nextjs-app-dir-template.git
  2. Go into the project root directory

    cd nextjs-app-dir-template
  3. Copy .env.example to .env

    cp .env.example .env
  4. Install JS dependencies

    pnpm install
  5. Start the dev server

    pnpm run dev

How to use this template

Here is how you can use this template to create a new Next.js project:

1. Create a new repository on GitHub

Click the Use this template button in the top right corner, and then click Create new repository

use-this-template

pnpx create next-app -e https://github.com/fahmiidris/nextjs-app-dir-template project-name

Replace project-name with the name of your project.

Tech Stack

This template is specified if you want to use the following tech stack combination:

  • Next.js
  • TypeScript
  • NextAuth.js
  • tRPC
  • Drizzle
  • PostgreSQL
  • Tailwind CSS

If you want more flexibility in choosing the stack you want to use, I recommend using create-t3-app instead.