How to Set Up a Scalable Next.js Project

[@victorc.chikezie]

Nice video. Please do a video on how to host a scalable NextJs project

[@benboeckmann]

Awesome video! How about a video making Continuous Integration for a project like this?

[@gamingwolf3385]

Why i need t3 stack , when i can setup them myself ? Or i can create my own stack , myself i am using nestjs. So no need for trpc because there is no community or official package to connect nestjs with trpc with nextjs

[@lucas-barake]

You can use ts-rest instead. Works great too.

[@pushkarkumar5578]

which ui liberary is best and customizable for big Scalable application in next can you help me.

[@lucas-barake]

I'd use a combination of RadixUI and HeadlessUI for starters. I've found that Tailwind is a huge plus for maintainability, as everything is standardized, unlike any other CSS solution. Less things to worry about.

[@pushkarkumar5578]

yes tailwind is great, will go with redix and Headless , thankyou @@lucas-barake

[@alexleung842]

You like what typescript db client a lot (preferable to drizzle)? I couldn't understand the name.

[@lucas-barake]

Sorry for not being clear enough! The library is "Kysely".

[@alexleung842]

oo this looks nice

[@ajaydeepsinghrajpoot]

Make an updated one

[@lucas-barake]

@@ajaydeepsinghrajpoot will do

[@Invvk]

What would you recommend for implementing proper authentication other than nextauth?

[@lucas-barake]

I'm not a fan of libraries that tie your authentication to Next.js or any other framework, for that matter. If you use, say, next-auth, the moment you need to have more control (perhaps you want to release a mobile application), you will now need to migrate to another service or roll out your own. I wouldn't really recommend the latter either unless you're planning to keep it basic (no password authentication, just use providers, minimal security, etc.). Then, once you're out of the MVP stage, move on to a third-party service that does it all for you (Auth0, Okta, Clerk, etc.). Firebase is a good all-rounder, with a very generous free "tier" and easy integration.

[@alexleung842]

I'm looking forward to things like google passkey to see more adoption; I wish I could just have all my apps use that for auth

[@gadgetboyplaysmc]

Lucia

[@Simple_OG]

make tutorial on t3 stack with app router

[@Runie2607]

16:37 can someone help me with this error: git commit -m "test" ⚠ Skipping backup because there’s no initial commit yet. [STARTED] Preparing lint-staged... [COMPLETED] Preparing lint-staged... [STARTED] Running tasks for staged files... [STARTED] package.json - 32 files [STARTED] *.{js, jsx, ts, tsx} - 3 files [STARTED] *{js, jsx, ts, tsx, json, cjs, mjs, md} - 6 files [STARTED] eslint --fix --ext .ts, .tsx, .js, .jsx [STARTED] prettier --write [FAILED] eslint --fix --ext .ts, .tsx, .js, .jsx [FAILED] [FAILED] eslint --fix --ext .ts, .tsx, .js, .jsx [FAILED] [COMPLETED] Running tasks for staged files... [STARTED] Applying modifications from tasks... ✖ eslint --fix --ext .ts, .tsx, .js, .jsx: Oops! Something went wrong! :( ESLint: 8.56.0 No files matching the pattern ".tsx," were found. Please check for typing mistakes in the pattern. [COMPLETED] Applying modifications from tasks... [FAILED] prettier --write [KILLED] [FAILED] prettier --write [KILLED] husky - pre-commit hook exited with code 1 (error)

[@lucas-barake]

Try without the `.` for each file extension: eslint --fix --ext ts,tsx,js,jsx

[@Runie2607]

@@lucas-barake got the same error `No files matching the pattern "tsx," were found. Please check for typing mistakes in the pattern.`

[@Runie2607]

I fixed it, it was, literally, the space between each extension before: "eslint --fix --ext .ts, .tsx, .js, .jsx" after: "eslint --fix --ext .ts,.tsx,.js,.jsx"