Skip to content

Latest commit

 

History

History
65 lines (42 loc) · 1.67 KB

README.md

File metadata and controls

65 lines (42 loc) · 1.67 KB
Raw

Stenciljs example

Deploy your own

Deploy the example using ZEIT Now:

Deploy with ZEIT Now

How to use

Using create-next-app

Execute create-next-app with Yarn or npx to bootstrap the example:

npx create-next-app --example with-stencil with-stencil-app
# or
yarn create next-app --example with-stencil with-stencil-app

Download manually

Download the example:

curl https://codeload.github.com/zeit/next.js/tar.gz/canary | tar -xz --strip=2 next.js-canary/examples/with-stencil
cd with-stencil

Build stencil component:

cd packages/test-component
yarn build

Install it and run:

yarn
yarn dev

Deploy it to the cloud with now (download):

now

Choose packages/web-app as root directory when deploying.

The idea behind the example

Stencil is a compiler that generates Web Components (more specifically, Custom Elements). Stencil combines the best concepts of the most popular frameworks into a simple build-time tool.

In this example we have two workspaces:

  • web-app: A Next.js app
  • test-component: A stencil components

Useful Links