rsnext/examples/with-typescript-styled-components
Shu Uesugi 6804039e94 Make example READMEs more consistent (#10124)
* npx create → npm init

* Fix inconsistent instructions

* Update amp-first

* Update with-graphql-react

* with-firebase-cloud-messaging

* Update with-higher-order-component

* change create-next-app url

* Update create-next-app instruction

* Update instructions to use npm instead of npx

* Move "the idea behind the example" to top

* Rename

* Rename

* Update contributing.md with a README template
2020-01-16 23:23:56 +01:00
..
pages Fix children key in with-typescript-styled-components example (#8003) 2019-07-17 12:26:08 -05:00
.babelrc Upgrade next of with-typescript-styled-components sample (#7788) 2019-07-08 19:32:15 -04:00
next-env.d.ts Upgrade next of with-typescript-styled-components sample (#7788) 2019-07-08 19:32:15 -04:00
package.json Update remaining examples to latest Next.js 2019-07-08 19:37:58 -04:00
README.md Make example READMEs more consistent (#10124) 2020-01-16 23:23:56 +01:00
tsconfig.json Prettier fix (#8754) 2019-09-16 15:24:42 +02:00

TypeScript & Styled Components Next.js example

This is a really simple project that show the usage of Next.js with TypeScript and Styled Components.

Deploy your own

Deploy the example using ZEIT Now:

Deploy with ZEIT Now

How to use it?

Using create-next-app

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

npm init next-app --example with-typescript-styled-components with-typescript-app
# or
yarn create next-app --example with-typescript-styled-components with-typescript-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-typescript-styled-components
cd with-typescript-styled-components

Install it and run:

npm install
npm run dev
# or
yarn
yarn dev

Deploy it to the cloud with now (download):

now

Notes

This is an amalgamation of the 2 existing examples: