chore: adds compiled css example

[itsdouges]

Hiya! I was asked to add an example of how to use Compiled with Next.js, figured I might as well at it to the source 😄. Let me know if there's any changes needed.

[github-Hesham]

heshamalhashmi #

[github-Hesham]

heshamalhashmi #

[github-Hesham]

heshamalhashmi #

[marcodejongh]

Just testing to see if randoms can approve PR's

[andreipfeiffer]

@lfades @marcodejongh @timneutkens I have a question and can't seem to find an answer.

When you build this example, you don't get a separate chunk for the library, instead it's bundled inside each page.
The same applies for the examples for Fela and Goober.

However, for other CSS-in-JS solutions like Styled Components, Emotion, Stitches, JSS or TypeStyle you get a separate chunk of the lib, that is shared across all pages.

So, the questions are:

• why is this difference? is there a reason for getting handled differently?
• is there a way to control what gets to common chunks, and what not? (I've searched all the official docs, without any luck)

I would really appreciate if you could shed some light.

I'm working on a thorough analysis of all CSS-in-JS solutions with Next.js, and can't get my head around this tiny bit.

[lfades]

LGTM. Thank you @Madou !