Next.jsReactStarter

nextjs-dApp-starter — Next.js Starter Template

By damla

A dApp starter template based on Next.js, TypeScript, and Moralis, with Web3 authentication via MetaMask, and integration of Tailwind CSS, Headless UI, i18n routing, and Husky commit hooks.

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

Tech stack includes Next.js, TypeScript, Moralis, Tailwind CSS, Headless UI, and Heroicons

02

Web3 authentication via MetaMask

03

Uses Next.js i18n routing to support multilingual routing

04

Integrates Husky and Lint-staged; the pre-commit hook runs lint on staged files

05

The commit-msg hook enforces semantic commit messages and limits the first line length

06

The README provides steps to rebuild Husky hooks and file contents when they fail

Template Details

This template is a Next.js project starter scaffold. The README lists a tech stack including Yarn, Next.js, TypeScript, Moralis, Web3 authentication via MetaMask, Tailwind CSS, Husky, Lint-staged, Next.js i18n routing, Headless UI, and Heroicons. Its purpose is to serve as a starting point for dApp frontend development, pre-combining Web3 login with common UI and engineering tools.

The README does not describe the page structure, component list, routing organization, Moralis initialization configuration, environment variable requirements, or deployment process, nor does it provide installation and startup commands, so these details cannot be confirmed from the materials. The desktop and mobile preview screenshots provided in the repository only prove that actual page screenshots exist; they do not represent specific functionality.

The Notes section of the README only covers how to fix Husky hooks: if the hooks do not take effect, delete the files under the .husky directory, run yarn husky add .husky/pre-commit and yarn husky add .husky/commit-msg, then fill in these two files according to the documentation. pre-commit runs lint-staged on staged files; commit-msg requires commit messages to conform to the semantic commit format and limits the length of the first line.

Next.jsStarter

Is it right for your project?

Use Cases

  • Building a dApp frontend project skeleton with Next.js and TypeScript
  • Starting a Web3 application that needs MetaMask login and Moralis integration
  • Projects that want to build interfaces using Tailwind CSS and Headless UI
  • Team projects that need i18n routing and commit convention hooks

Suitable For

  • Frontend developers familiar with Next.js and TypeScript
  • dApp projects that need a Web3 authentication entry point
  • Projects that want to reuse Tailwind CSS and Headless UI components
  • Teams that value commit conventions and linting of staged files

Getting started & customization

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

  1. 1

    The README does not provide installation, startup, or build commands; refer to the configuration files in the repository

  2. 2

    If Husky hooks do not take effect, delete the files under the .husky directory, then run yarn husky add .husky/pre-commit and yarn husky add .husky/commit-msg

  3. 3

    Fill in pre-commit (runs yarn lint-staged) and commit-msg (validates semantic commit format and first line length) according to the content given in the README

  4. 4

    The README does not describe the environment variables or key configuration required for Moralis and MetaMask

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

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

Must comply with when using

  • Free use, modification, commercial use, and distribution of this version's code are permitted.
  • 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; they cannot be judged solely by the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur additional charges.
  • Using Moralis as a backend service requires registering a Moralis account and configuring corresponding credentials such as an application ID and server URL; this is an external service dependency.
  • Web3 authentication depends on the MetaMask browser wallet; users need to install the MetaMask extension and hold a wallet account to complete login.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

- [Moralis](https://moralis.io)

Original README

- [Web3 Authentication via Metamask](https://metamask.io)

Original README
https://github.com/damla/nextjs-dApp-starter/blob/main/LICENSEhttps://github.com/damla/nextjs-dApp-starter/blob/main/README.md

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 · 68 / 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
2022-04-19
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: 1fda100d3bd603f8097f0c393835e8ebed0bb6da42d85b7b0ba0751790124e89

2026-10-13T14:50:54.465Z

Source file / repository
# NextJS Starter

## Technology Stack

- [Yarn](https://yarnpkg.com)
- [NextJS](https://nextjs.org)
- [TypeScript](https://www.typescriptlang.org)
- [Moralis](https://moralis.io)
- [Web3 Authentication via Metamask](https://metamask.io)
- [tailwindcss](https://tailwindcss.com)
- [Husky](https://github.com/typicode/husky)
- [Lint-staged](https://github.com/okonet/lint-staged)
- [i18n Routing](https://nextjs.org/docs/advanced-features/i18n-routing)
- [headlessUI](https://headlessui.dev)
- [heroicons](https://heroicons.com)

## Notes

If the husky hooks do not work, delete files found under the `.husky` folder and run these commands:

```sh
yarn husky add .husky/pre-commit
yarn husky add .husky/commit-msg
```

Fill the created files as follow:

### pre-commit

Basically, it will do linting on staged files.

```bash
#!/bin/sh
. "$(dirname "$0")/_/husky.sh"

yarn lint-staged
```

### commit-msg

This will force developer to use [semantic commits](https://gist.github.com/joshbuchea/6f47e86d2510bce28f8e7f42ae84c716).

```bash
#!/bin/sh
. "$(dirname "$0")/_/husky.sh"

undefined
#!/bin/sh
. "$(dirname "$0")/_/husky.sh"

#!/bin/sh
if ! head -1 "$1" | grep -qE "^(feat|fix|chore|docs|test|style|refactor|perf|build|ci|revert)(\(.+?\))?: .{1,}$"; then
    echo "Aborting commit. Your commit message is invalid." >&2
    exit 1
fi
if ! head -1 "$1" | grep -qE "^.{1,88}$"; then
    echo "Aborting commit. Your commit message is too long." >&2
    exit 1
fi
```
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.