Build Linera dApps Fast with This Next.js Template

#kiro

If you're looking to build decentralized applications on Linera blockchain, setting up the development environment from scratch can be tedious. That's why I created Linera Dynamic Template — a production-ready Next.js starter that handles all the boilerplate for you.

What is Linera?

Linera is a next-generation blockchain platform designed for scalability through its unique microchain architecture. Unlike traditional blockchains, Linera enables parallel execution across multiple chains, making it ideal for high-throughput applications.

The Problem

Getting started with Linera development involves:

Configuring SharedArrayBuffer support (COOP/COEP headers)
Setting up WASM smart contract compilation
Integrating wallet authentication
Managing cross-origin policies for browser execution

This template eliminates all that friction.

Features

🔐 Dynamic wallet authentication — Easy login integration
⛓️ Linera blockchain interaction — Pre-configured client adapter
⚡ Next.js 16 + React 19 — Latest framework features
🎨 Tailwind CSS — Modern styling out of the box
📦 Example counter contract — Rust/WASM smart contract included
🛠️ CLI scripts — Wallet and contract management tools

Quick Start

# Clone with GitHub CLI
gh repo create my-linera-app --template uratmangun/linera-dynamic-template --clone
cd my-linera-app
pnpm install

# Configure environment
cp .env.example .env.local
# Add your Dynamic environment ID

# Start developing
pnpm dev

Project Structure

├── src/
│   ├── app/           # Next.js app router pages
│   └── lib/           # Linera adapter and utilities
├── contracts/         # Rust smart contracts (WASM)
├── scripts/           # CLI scripts for wallet/contract management
└── public/            # Static assets

Available Scripts

Command	Description
`pnpm dev`	Start development server
`pnpm wallet:init`	Initialize Linera wallet
`pnpm wallet:show`	Show wallet info
`pnpm contract:build`	Build smart contract
`pnpm contract:deploy`	Deploy smart contract

Tech Stack

Next.js 16 — React framework with app router
Dynamic — Wallet authentication provider
Linera — Blockchain platform
Rust — Smart contract language
Tailwind CSS — Utility-first styling
TypeScript — Type safety throughout

Key Technical Details

The template handles the tricky COOP/COEP headers required for SharedArrayBuffer support in browsers:

// next.config.ts
async headers() {
  return [{
    source: "/(.*)",
    headers: [
      { key: "Cross-Origin-Opener-Policy", value: "same-origin" },
      { key: "Cross-Origin-Embedder-Policy", value: "credentialless" },
      { key: "Cross-Origin-Resource-Policy", value: "cross-origin" },
    ],
  }];
}

This is essential for Linera's WASM client to function properly in the browser.

Get Started

Check out the template on GitHub: uratmangun/linera-dynamic-template

Click "Use this template" to create your own Linera dApp in seconds!

Have questions or feedback? Drop a comment below or open an issue on GitHub. Happy building! 🚀

Demo

Top comments (16)

Divya kirodotdev • Nov 29

Did you get bonus prize for all the articles you wrote for the Code with Kiro Hackathon?

uratmangun kirodotdev • Nov 29

not yet wby?

Divya kirodotdev • Nov 30

I was just asking tbh.
Thank you for the info.

uratmangun kirodotdev • Nov 30

ah no problem but you also win the bonus prize for kiro?

Divya kirodotdev • Nov 30

I didn't participate last time, asking for this time- the ongoing hackathon.

uratmangun kirodotdev • Nov 30

ah i see i thought you won last time as well hopefully you win this time you have access to kirodotdev? you need to ask the mod in discord for access so you can write here as well