StarkNext

StarkNext is a Next.js and Jotai boilerplate for building decentralized applications (DApps) on the Starknet zkRollup layer-2 network, with pre-configured Starknet wallet connections and a custom wallet modal.

What is StarkNext?

StarkNext is a quick-start template that gives developers a working Next.js application pre-wired for Starknet wallet connections. It takes a fresh Git clone as input and produces a local development DApp scaffold running with npm run dev. The template is published on GitHub under the swiiny account and uses Starknet as its underlying layer-2 scaling network.

Key Features

• Custom wallet modal — built on top of the get-starknet-core library, allowing developers to implement their own wallet connection UI instead of using a fixed default.
• Integrated Starknet wallet connection — the starter pre-configures wallet connection logic, so DApp developers can connect to Starknet wallets without writing that setup from scratch.
• Next.js framework — takes advantage of server-side rendering and static site generation features available in Next.js for React applications.
• Jotai state management — uses Jotai for minimalistic state management, reducing state logic complexity while maintaining performance.
• Starknet layer-2 scaling — built for Starknet, a decentralized, permissionless, and scalable zkRollup, making DApps more cost-effective and performant.

Who is it for?

• DApp developers on Starknet — use StarkNext to start a new frontend project with wallet connection already handled.
• React developers exploring Web3 — get a working example of how to integrate Starknet wallets into a Next.js application.
• Blockchain teams — scaffold a production-ready DApp frontend quickly, then focus on the unique business logic of their project.

What can you do with StarkNext?

• Build a Starknet DApp frontend: Start from a working Next.js + Jotai setup instead of configuring the toolchain yourself.
• Add custom wallet onboarding: Replace the default wallet modal with a custom UI built on get-starknet-core.
• Learn Starknet integration: Study how a minimalistic state management approach works alongside wallet connection flows in a React app.

How does StarkNext work?

The quick start describes a straightforward workflow: clone the repository from GitHub, install dependencies with npm install, and start the development server with npm run dev. The template includes all the boilerplate needed to connect to Starknet wallets, so the running application is immediately a Starknet-connected DApp scaffold.

FAQ

What stack does StarkNext use?

StarkNext uses Next.js as the React framework, Jotai for state management, and Starknet as the layer-2 blockchain network. The wallet connection is built on top of the get-starknet-core library.

How do I start a project with StarkNext?

Clone the repository, run npm install to install dependencies, and then run npm run dev to start the development server locally.

What is get-starknet-core?

Get-starknet-core is the library that StarkNext uses to build its custom wallet modal. It provides the underlying functionality for connecting to Starknet wallets, while StarkNext lets you design the modal UI yourself.

Is StarkNext a full DApp or a boilerplate?

StarkNext is a boilerplate. It gives you the frontend foundation with wallet connection, but you build the actual DApp logic on top of it.