{"id":13423725,"url":"https://github.com/deptno/next.js-typescript-starter-kit","last_synced_at":"2025-10-01T07:30:26.435Z","repository":{"id":84263368,"uuid":"94181404","full_name":"deptno/next.js-typescript-starter-kit","owner":"deptno","description":":deciduous_tree: Next@8.1, Styled-jsx, TypeScript, Jest, SEO","archived":true,"fork":false,"pushed_at":"2019-04-24T19:36:42.000Z","size":1183,"stargazers_count":338,"open_issues_count":0,"forks_count":54,"subscribers_count":9,"default_branch":"master","last_synced_at":"2024-09-28T09:22:07.165Z","etag":null,"topics":["bootstrap","cssnext","enzyme","facebookpixel","font-awesome","google-analytics","nextjs","postcss","redux","redux-thunk","seo","storybook","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/deptno.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2017-06-13T07:07:55.000Z","updated_at":"2024-08-03T21:07:48.000Z","dependencies_parsed_at":"2023-05-24T04:30:27.195Z","dependency_job_id":null,"html_url":"https://github.com/deptno/next.js-typescript-starter-kit","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deptno%2Fnext.js-typescript-starter-kit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deptno%2Fnext.js-typescript-starter-kit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deptno%2Fnext.js-typescript-starter-kit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deptno%2Fnext.js-typescript-starter-kit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/deptno","download_url":"https://codeload.github.com/deptno/next.js-typescript-starter-kit/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":234837160,"owners_count":18894549,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap","cssnext","enzyme","facebookpixel","font-awesome","google-analytics","nextjs","postcss","redux","redux-thunk","seo","storybook","typescript"],"created_at":"2024-07-31T00:00:41.288Z","updated_at":"2025-10-01T07:30:25.676Z","avatar_url":"https://github.com/deptno.png","language":"TypeScript","readme":"# Next.js TypeScript Starter Kit [![CircleCI](https://circleci.com/gh/deptno/next.js-typescript-starter-kit.svg?style=svg)](https://circleci.com/gh/deptno/next.js-typescript-starter-kit)\n\n![samples](assets/samples.png)\n\n\u003e see **[ChangeLog](CHANGELOG.md)**\n\n## Feature\n - TypeScript\n - Styled-jsx\n - Module css **(PostCSS - cssnext, nested, import)**\n - SEO \u0026 analytics(Google Analytics, Facebook Pixel, \u003cs\u003eNaver Analytics\u003c/s\u003e)\n - ~~Storybook **(support module css)**~~\n - Jest \u0026 Enzyme **(support module css)**\n\n### Load from CDN\n - font-awesome@5\n\n## Installation\n\n```sh\ngit clone https://github.com/deptno/next.js-typescript-starter-kit my-project\ncd my-project\nrm -r .git\nyarn\n```\n\n## Run :rocket:\n\n#### :rocket: Test\n```bash\nyarn test # test\nyarn test:watch\nyarn test:coverage # report coverage\n```\n\n\u003cdetails\u003e\u003csummary\u003e~~:rocket: StoryBook~~\u003c/summary\u003e\n\u003cp\u003e\n\n#### :rocket: StoryBook\n```bash\nyarn storybook # open browser localhost:6006\n```\n\n```bash\nyarn build-storybook # Build storybook static assets\n```\n\n\u003c/p\u003e\n\u003c/details\u003e\n\n### :rocket: Development\n\n```bash\nyarn start:dev # run\n```\n\n### :rocket: Production\n\n#### Serve\n```bash\nyarn\nyarn build # create .next directory\nyarn start # start server\n```\n\n#### Build static HTML\n```bash\nyarn\nyarn build # create .next directory\nyarn export # create .out directory\n```\n\n## Configuration\n\nSet SEO \u0026 analytics variables\n\n\u003e src/constants/env.ts\n\n```typescript\nexport const GA_TRACKING_ID = ''\nexport const FB_TRACKING_ID = ''\nexport const SENTRY_TRACKING_ID = ''\n\n// for meta tag \u003cog \u0026 twitter\u003e\nexport const SITE_NAME = ''\nexport const SITE_TITLE = ''\nexport const SITE_DESCRIPTION = ''\nexport const SITE_IMAGE = ''\n```\n\nIf each variable evaluated false, it does not load related library\n\n## Usage\n\n### Module CSS ([src/components/Home.tsx](src/components/Home.tsx))\n\n```typescript jsx\nimport * as classnames from 'classnames'\nimport * as css from './Home.css'\n\nexport const Just = props =\u003e \u003cdiv className={css.className}\u003e\nexport const Mixed = props =\u003e \u003cdiv className={classnames('row', 'home', css.home)}\u003e\n```\n\n### Styled-jsx\n\n#### Global scope ([src/components/Layout.tsx](src/components/Layout.tsx))\n\n```typescript jsx\nconst Layout = props =\u003e\n  \u003chead\u003e\n    \u003cstyle jsx global\u003e{`\n      div \u003e * {\n        font-size: 32px;\n      }\n    `}\n    \u003c/style\u003e\n  \u003c/head\u003e\n```\n\n#### Local scope ([src/components/Home.tsx](src/components/Home.tsx))\n\n```typescript jsx\nexport const Home = props =\u003e\n  \u003cdiv\u003e\n    \u003cstyle jsx\u003e{`{\n      color: darkred;\n    }`}\u003c/style\u003e\n    home\n  \u003c/div\u003e\n```\n\n#### Others\n\n- styled-jsx/css [issue#2](https://github.com/deptno/next.js-typescript-starter-kit/issues/2)\n- external css, module [issue#3](https://github.com/deptno/next.js-typescript-starter-kit/issues/3)\n\n### Related\n\n- [typescript-monorepo-next-example](https://github.com/deptno/typescript-monorepo-next-example) - Next.js version\n","funding_links":[],"categories":["Boilerplates"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeptno%2Fnext.js-typescript-starter-kit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdeptno%2Fnext.js-typescript-starter-kit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeptno%2Fnext.js-typescript-starter-kit/lists"}