rsnext/examples/with-typescript-styled-components
2020-05-18 17:44:18 -04:00
..
pages Update Examples for Fast Refresh (#13068) 2020-05-18 17:44:18 -04: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 chore(example): Update styled-components to v5 in with-typescript-styled-components (#11766) 2020-04-13 17:30:17 -05:00
README.md Rename ZEIT to Vercel (#12075) 2020-04-21 11:47:12 +02: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 Vercel:

Deploy with Vercel

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 Vercel (Documentation).

Notes

This is an amalgamation of the 2 existing examples: