ionic-team / stencil

A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, and traditional web developers from a single, framework-agnostic codebase.
https://stenciljs.com
Other
12.61k stars 791 forks source link

feat: Next.js Support #5831

Open christian-bromann opened 5 months ago

christian-bromann commented 5 months ago

Prerequisites

Describe the Feature Request

As a developer I would like to be able to use Stencil components within Next.js environments and have support for server side rendering.

Describe the Use Case

n/a

Describe Preferred Solution

n/a

Describe Alternatives

n/a

Related Code

n/a

Additional Information

We have started this effort by enabling support for Declarative Shadow DOM in Stencil (see #5792) and rewrote our React Output Target (see ionic-team/stencil-ds-output-targets#432). Once #5792 is merged we will make enhancements to the React output target for enable support for server side rendering in Next.js. If you are interested in this, please subscribe to this issue.

Related issues that we should revisit before shipping:

christian-bromann commented 5 months ago

You can follow the development of this feature in https://github.com/ionic-team/stencil-ds-output-targets/pull/445