geist-ui icon indicating copy to clipboard operation
geist-ui copied to clipboard

Support for Next.js 13 `app` dir

Open dopecoder opened this issue 2 years ago • 6 comments
trafficstars

Feature request 🚀

Add support for Next.js 13 app directory.

  • Currently the new architecture expects client components to be marked with 'use client' at the top of the file before the imports to mark the boundary for client components so that they can be used inside server components.

  • The documentation on how to install geist-ui package for app dir needs to be added.

It would be great if you have any suggestions on how we can add the 'use client' directive for each of the components, I was thinking maybe use babel or webpack loader to add the 'use client' directive.

I'm also happy to update documentation with example.

Question : Is there a need for creating a new package for nextjs? or is it okay for the library to work with other frameworks with 'use client'

  • [x] I will create Pull Request
  • [ ] It's just a suggestion

Expected

'use client' directive at the top of each file

dopecoder avatar Mar 04 '23 04:03 dopecoder

Are there any updates on this? 👀

loicnestler avatar May 09 '23 17:05 loicnestler

^^, looking forward to hopefully having this support

ckhawks avatar May 14 '23 20:05 ckhawks

Any updates?

andordavoti avatar Jun 29 '23 08:06 andordavoti

Updates?

nabato avatar Oct 16 '23 12:10 nabato

no updates 15-07-24 :(

jamesng-minhkhoi avatar Jul 15 '24 07:07 jamesng-minhkhoi