Next.js Discord

Discord Forum

I create a fullstack appliation by next.js

Answered
Grass carp posted this in #help-forum
Open in Discord
Grass carpOP
As a frontend beginner, I have created a fullstack application using Next.js. What do you think about the stack I used, and what are some other popular stacks I should learn? please rate my package json:blob_wave:
Answered by B33fb0n3
this is my default package.json: (see attached). And then I add the packages that are needed for the specific project (I mentioned them above). Maybe the versions are not the latests 🙂

Oh, remove sharp there. It's integrated in nextjs itself (wasn't before)
View full answer

19 Replies

my go-to stack is: next.ts, taiwind, chadcn, lucia auth, prisma, mysql, s3 or bunnycdn for file upload.

I am gonna use drizzle from next project, cause apparently prisma isn't supported on edge. I can't even test it in middleware locally even tho I don't deploy on edge.
This stack looks solid, I use a very similar setup.

My only nitpicks would be:
- Your bcrypt type should be a dev import
- Using dayjs and date-fns seems a little bit redundant, we have to handle all kinds of complex date operations on our apps and get along well just using date-fns and occasionally date-fns-tz
- Using two icon libraries, I'd pick one. For bundle size + style consistency (technically three, because radix has some built-ins, although I stray away from those)
By the way, this is a fun thread, there should be a "rate my package json" thread or something 😂 actually leads to a lot of interesting discussion.
@B33fb0n3 I like to use: nextjs, tailwind, shadcn, next-auth, drizzle, postgresql (custom server), s3, react query, typescript and bunnycdn.
Grass carpOP
Great! I once learned React Query. However, after I removed it, I couldn't find any use cases for React Query in Next.js. I'm curious to know what issues you've solved using React Query in Next.js.
@Grass carp What is Edge? I am using Cloudflare.
Edge is a runtime for Next.js, I wouldn't worry too much about it unless you run into bugs (specifically with middleware I've experienced)
You can read more about it here: https://nextjs.org/docs/app/building-your-application/rendering/edge-and-nodejs-runtimes, but once again, I'd honestly ignore it until it pops up personally
for password hash, I use argon2
@Grass carp Today,I simplify my package json.This is my last version.
this is my default package.json: (see attached). And then I add the packages that are needed for the specific project (I mentioned them above). Maybe the versions are not the latests 🙂

Oh, remove sharp there. It's integrated in nextjs itself (wasn't before)
Answer
@Grass carp solved?
@B33fb0n3 <@1258611178091970663> solved?
Grass carpOP
yes!