TTC
Theo's Typesafe Cult•15mo ago
dollahane23033

NEXT 13 Compile Time

Hey guys, is this compile time normal for running MUI and Redux in a NEXT 13 React App? I only have a navbar going with 4 icons and already have 6s compile times.
6 Replies
jdsl
jdsl•15mo ago
I've had issues with MUI in the past doing that to a project. Are you using named imports? That could be the reason for the long compile times. https://mui.com/material-ui/guides/minimizing-bundle-size/#development-environment
Minimizing bundle size - Material UI
Learn more about the tools you can leverage to reduce the bundle size.
jdsl
jdsl•15mo ago
Try switching to default imports and see if that helps
dopeinc
dopeinc•15mo ago
You can do that automatically inside next js config with modularizrd import without switching them manually : https://nextjs.org/blog/next-13-1#import-resolution-for-smaller-bundles Also : “@mui/icons-material”: { transform : “@mui/icons-material/{{member}}” },
Next.js 13.1
Next.js 13.1 introduces improvements to the app directory, built-in module transpilation, stable edge runtime for API Routes, and many improvements to Turbopack support.
jdsl
jdsl•15mo ago
Nice! Thanks for the heads up on that
dollahane23033
dollahane23033•15mo ago
Thanks, I'll look into this Default imports definitely seemed to solve this issue 👍🏼
jdsl
jdsl•15mo ago
Awesome! Glad to hear that sped dev compile times back up. If you could right click the answer and select Apps > Mark as Solution that will help others find it.
Want results from more Discord servers?
Add your server
More Posts
t3 tutorial - chirp project has problems w google auth via Clerk?Hi guys! I recently went through theo's official T3 tutorial. However, one way i deviated from whaHow to do something on register (sign up) in NextAuth?!There's only signIn callback, and I haven't found a way to check if the user is signing in for the TRPC and PRISMA id typeCurrently im trying to delete a object using id in prisma using trpc. ```tsx delete: privatePrgetting 404 in production but works locallyhttps://github.com/bentoodev/crm-grow https://crmgrow.bentoo.devAPI token authentication w/ NextAuthhave any of you tried implementing something like this? Wondering if it's time for me to swap to CleI want to create and download multiple pdfsI tried react-pdfs but I think it will be best if handle on the backend side and I cant download mulCan someone explain the difference between database hosting services?I work for a small startup and our application is using postgres. I want some sort of solution whichRefine zod schema after queryHow I could do with TRPC, Zod and React hook form to add an error after making a query : Let's saytypescript-eslint```ts import { type AppType } from "next/app"; import { type Session } from "next-auth"; import { Seclerk typesafe metadataJust how exactly do I do it ?