question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Support for Next.js 13

See original GitHub issue

Since Next.js 13 was released yesterday, the beta docs list Stitches as not being support as of right now.

There is however a guide on how to integrate styled-jsx that look very similar to how Stitches could be integrated: https://beta.nextjs.org/docs/styling/css-in-js

Are there any plans to officially offer support for Next.js 13?

Issue Analytics

  • State:open
  • Created a year ago
  • Reactions:142
  • Comments:12

github_iconTop GitHub Comments

9reactions
darklight9811commented, Nov 7, 2022

@jpmaga css utility method breaks the app (both on client and server). And stitches should update the docs for next 13 app dir. Because its a totally different way of doing things than the pages directory

0reactions
gabriel-mendcommented, Dec 5, 2022

This link shows how it worked for me, but only on the client side. https://stackblitz.com/edit/nextjs-ftij4p?file=app/ServerStylesSheet.tsx

But all pages and components you need to use with stitches, you put this flag on top the code 'use client'. This specify the component or page is run on client side.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Blog - Next.js 13
Next.js 13 introduces layouts, React Server Components, and streaming in the app directory, as well as Turbopack, an improved image ...
Read more >
Blog - Next.js 13.1
Next.js 13.1 · Improved reliability and support for app directory · Built-in module transpilation (stable) · Import resolution for smaller bundles.
Read more >
Getting Started | Next.js
Get started with Next.js in the official documentation, and learn more about all our features!
Read more >
Upgrade Guide - Next.js
Next.js 13 introduces a new app directory with new features and conventions. However, upgrading to Next.js 13 does not require using the new ......
Read more >
Next.js 13 Upgrade Guide
Next.js 13 introduced a new app directory with new features and conventions. However, upgrading to Next.js 13 does not require using the new...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found