Dynamic import only works on client page

Unanswered

arig4m3r posted this in #help-forum

2023-07-25T16:39:45.000Z

Hello, I'm creating a route that should import a client component dynamically, when trying to get this to work, I found out a strange behavior, next/dynamic seems to only be working on client side components, not at all on servers.

Server First Load JS: 430 kB
Client First Load JS: 79.7 kB

6 Replies

European sprat

2023-07-25T16:49:29.000Z

https://nextjs.org/docs/app/building-your-application/optimizing/lazy-loading

Lazy loading applies to Client Components.

@European sprat Lazy loading applies to Client Components.

arig4m3rOP

2023-07-25T16:50:28.000Z

Yes, but look "Importing Server Components", it has no "use client" at all

European sprat

2023-07-25T16:51:23.000Z

ah yeah i see that, i'm not sure then

@arig4m3r Yes, but look "Importing Server Components", it has no "use client" at all

arig4m3rOP

2023-07-25T16:51:33.000Z

What i think that examples shows: It uses a server component to import another server component and optimizes the clients components within this component

@European sprat ah yeah i see that, i'm not sure then

arig4m3rOP

2023-07-25T16:51:43.000Z

Ok, it's fine, thanks anyway ^^