History

Shu Uesugi e1083f0e3a docs: remove --save from npm install; avoid system-ui (#10252 ) * Minor edits for CSS doc * Remove unnecessary --save from npm install * Different font family Co-authored-by: Joe Haddad <timer150@gmail.com>		2020-01-27 08:35:12 -05:00
..
packages	docs: remove --save from npm install; avoid system-ui (#10252 )	2020-01-27 08:35:12 -05:00
now.json	Add `with-stencil` example (#10125 )	2020-01-20 16:45:03 -05:00
package.json	Add `with-stencil` example (#10125 )	2020-01-20 16:45:03 -05:00
README.md	Add `with-stencil` example (#10125 )	2020-01-20 16:45:03 -05:00

README.md

Stenciljs example

Deploy your own

Deploy the example using 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

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