Next.jsReactStarter

next-ts-eslint-starter — Next.js Starter Template

By pom421

A Next.js scaffolding template preconfigured with ESLint, Prettier, TypeScript, Jest, and testing-library, and set up for VS Code.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews
Desktop homepage1 / 2
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-13View source

What stands out

A quick read of the recorded project description.

01

Preconfigured ESLint, Prettier, TypeScript, Jest, and testing-library

02

VS Code integration: automatic lint on save, with .next, node_modules, .history, and other temporary directories excluded

03

lint triggers Prettier formatting

04

Pages use the .page.tsx suffix and APIs use the .api.ts suffix, allowing utility and test files to be placed alongside them in the pages/api directories

05

package.json provides lint, test, check-all, and fresh-install scripts

06

Includes two GitHub Actions: CI and a release workflow based on conventional commits

Template Details

This template is the author's preferred Next.js starter project. The README states that ESLint, Prettier, TypeScript, Jest, and testing-library are configured out of the box, and the overall setup targets VS Code. For code organization, all code except /public lives in the src/ directory; page files must end with .page.tsx and API files must end with .api.ts, so utility or test files that are neither pages nor API endpoints can be placed in the pages or api directories and coexist in the same directory. package.json provides scripts including lint, test, check-all (runs lint, TypeScript compilation, and tests in sequence), and fresh-install (deletes temporary directories and reinstalls dependencies). The repository includes two GitHub Actions: CI checks lint, TypeScript, and tests and runs a build; release creates a new version after each commit starting with feat: or fix:, following conventional commits. The README does not specify dependency versions, styling approach, routing mode, or deployment platform configuration.

Next.jsStarter

Is it right for your project?

Use Cases

  • Starting a Next.js project that needs TypeScript and test configuration
  • A development workflow that lints on save and auto-formats in VS Code
  • A codebase that uses .page.tsx / .api.ts suffixes to organize pages, APIs, and colocated utility files
  • Automatically running lint, type checking, tests, and builds via GitHub Actions

Suitable For

  • Next.js developers using VS Code
  • Teams or individuals who need TypeScript, ESLint, Prettier, and Jest configured out of the box
  • People who accept the code organization convention of distinguishing pages and APIs by file suffix

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Development environment: run yarn create next-app --example https://github.com/pom421/next-ts-eslint-starter my-app, then cd my-app, yarn, yarn dev

  2. 2

    Production build: run yarn build and yarn start; the README notes that static sites can use yarn export instead

  3. 3

    Page files must end with .page.tsx and API files must end with .api.ts

  4. 4

    The README does not provide specific requirements for dependency versions, Node version, or deployment platform

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version of the public repository under the MIT license; the free scope is the code of this version and does not mean external services or third-party assets are free.

Must comply with when using

  • You may use, modify, commercialize, and distribute the code of this version for free.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses and cannot be judged solely by the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis

Compiled by DeepSeek based on repository license and README ·2026-10-13. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
Partly documented · 60 / 100
Technologies
Next.js · React
Website type
Starter
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2023-01-16
Screenshot last checked
2026-10-13

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Next.js as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Review declaration: codex-user-requested-batch-review-20261015 · 2026-10-15

Inspect the recorded source material

SHA-256: 25aedc8270e529d30a7f8753d00e6e59c464ac93647bfd4b0a7a71c4691c57dd

2026-10-13T14:53:15.820Z

Source file / repository
This is an [Next.js](https://nextjs.org/) opinionated starter with ESLint, Prettier, Typescript, Jest, testing-libray already configured out of the box.
All is configured to run in VS Code, with some goodies.

- absolute imports managed by VS Code, Next and Jest
- lint which triggers Prettier formating
- VS Code goodies :
  - lint automatic at save
  - exclusion of temporary directories (.next, node_modules, .history if you use this plugin)
- Next :
  - all code (except /public) is in src/ directory
- useful scripts in package.json
  - lint
  - test
  - check-all: run in sequence lint, TS compilation and tests
  - fresh-install: remove temporary folders and reinstall packages
- GitHub action:
  - CI : to check lint, ts, tests and to run the build
  - release : to make a new release after each commit beggining with feat: or fix: (see conventional commit)
## Nota bene

All pages must end with a .page.tsx extension.
All api must end with a .api.ts extension.

This enables to have other files in pages or api, which are note page or api endpoint, to be used as utilities or test and leverage colocation.

## Usage

For dev :

```
yarn create next-app --example https://github.com/pom421/next-ts-eslint-starter my-app
cd my-app
yarn
yarn dev
```

For prod :

```
yarn build
yarn start // yarn export for a static site only
```


Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.