rsnext/examples/with-linaria
2022-10-01 16:06:02 +02:00
..
pages chore(examples): rename file from .ts to .tsx 2022-10-01 15:41:40 +02:00
.babelrc chore(examples): fix lint 2022-10-01 16:06:02 +02:00
.gitignore Update default gitignore templates (#39051) 2022-07-26 20:08:40 -05:00
next.config.js update with-linaria example (#23332) 2021-03-26 18:02:55 +00:00
package.json chore(examples): update with-linaria (#41085) 2022-10-01 15:34:55 +02:00
README.md docs(examples): improve DX while copying command to create new project (#38410) 2022-07-26 21:57:48 -05:00
tsconfig.json chore(examples): update with-linaria (#41085) 2022-10-01 15:34:55 +02:00

Example app with linaria

This example features how to use linaria as the styling solution instead of styled-jsx.

We are creating three div elements with custom styles being shared across the elements. The styles includes the use of pseudo-selector and CSS animations.

Deploy your own

Deploy the example using Vercel or preview live with StackBlitz

Deploy with Vercel

How to use

Execute create-next-app with npm, Yarn, or pnpm to bootstrap the example:

npx create-next-app --example with-linaria with-linaria-app
yarn create next-app --example with-linaria with-linaria-app
pnpm create next-app --example with-linaria with-linaria-app

Deploy it to the cloud with Vercel (Documentation).