MH Rohman Masyhar 275a65555a Add with-stencil example (#10125 )

* feat(example): add with-stencil

* feat(docs): add build stencil component

* fix: disable eslint config for h render

* Update README.md

* Delete .editorconfig

* Update index.js

* Fix linting

Co-authored-by: Joe Haddad <timer150@gmail.com>

2020-01-20 16:45:03 -05:00

1.6 KiB

Raw Blame History

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

1.6 KiB Raw Blame History