https://github.com/henrikvtcodes/appdir-nextauth-tailwind-template

Template for using Next.js `app` dir with tRPC, Next Auth, and Tailwind CSS
https://github.com/henrikvtcodes/appdir-nextauth-tailwind-template

app-directory nextjs nextjs-app-router nextjs-template react tailwindcss trpc typescript

Last synced: 4 days ago
JSON representation

Template for using Next.js `app` dir with tRPC, Next Auth, and Tailwind CSS

• Host: GitHub
• URL: https://github.com/henrikvtcodes/appdir-nextauth-tailwind-template
• Owner: henrikvtcodes
• Created: 2023-07-07T00:30:56.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-09-27T12:02:44.000Z (about 1 year ago)
• Last Synced: 2024-05-02T03:20:41.201Z (7 months ago)
• Topics: app-directory, nextjs, nextjs-app-router, nextjs-template, react, tailwindcss, trpc, typescript
• Language: TypeScript
• Homepage:
• Size: 68.4 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# App Dir Template with Auth & tRPC

This is a template project that has auth set up using NextAuth (Auth.js) & tRPC set up for data fetching. A lot of the little useful hacks and tools set up here are also swiped from the create-t3-app template: trpc bits, env validation (with explainer comments), `getBaseUrl()`, and the eslint & prettier configs.

#### Why & How

Currently, tRPC does not have an official method for use with the App Directory. This implementation uses it via the fetch adapter, as `app` dir Routes use the `Request` & `Response` API.

**No Prisma/Kysely/Drizzle/*Other*DB?**  

There is no database adapter/layer configured here because that is not something this template is meant to have an opinion on.