Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/resir014/nextjs-typescript-quickstart

Get started on Next.js with TypeScript in seconds.
https://github.com/resir014/nextjs-typescript-quickstart

nextjs react starter-kit typescript

Last synced: 4 months ago
JSON representation

Get started on Next.js with TypeScript in seconds.

Host: GitHub
URL: https://github.com/resir014/nextjs-typescript-quickstart
Owner: resir014
License: unlicense
Created: 2018-09-28T12:48:37.000Z (over 6 years ago)
Default Branch: master
Last Pushed: 2023-01-09T20:23:57.000Z (about 2 years ago)
Last Synced: 2024-10-03T13:14:40.290Z (4 months ago)
Topics: nextjs, react, starter-kit, typescript
Language: TypeScript
Homepage: https://nextjs-typescript-quickstart.now.sh
Size: 681 KB
Stars: 35
Watchers: 3
Forks: 7
Open Issues: 1
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        # nextjs-typescript-quickstart

> Get started on Next.js with TypeScript in seconds.

This is an example setup of Next.js building on top of the [official TypeScript example](https://github.com/zeit/next.js/tree/master/examples/with-typescript). It adds the following:

- Simple styling structure with [CSS Modules](https://github.com/css-modules/css-modules)

- Basic ESLint and Prettier setup

- TypeScript typechecking as part of `test` script (ready to plug into any CI)

## Deploy your own

Deploy the example using [Vercel](https://vercel.com):

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/import/project?template=https://github.com/resir014/nextjs-typescript-quickstart)

## How to use

Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:

```bash

npx create-next-app --example https://github.com/resir014/nextjs-typescript-quickstart nextjs-typescript-quickstart-app

# or

yarn create next-app --example https://github.com/resir014/nextjs-typescript-quickstart nextjs-typescript-quickstart-app

```

Deploy it to the cloud with [Vercel](https://vercel.com/import?filter=next.js) ([Documentation](https://nextjs.org/docs/deployment)).