Skip to content
UT Studio
Search products
Studio / AgencyCommercial Template

Nordwell

Minimalist studio and digital agency template with fluid motion and refined grid layouts.

Live Preview(opens in a new tab)€49 — see licence tiersVersion history
Latest version
1.0.0
Updated
Difficulty
Intermediate
Licence
Pro

Overview

Nordwell is a premium studio and agency template designed for creative teams, design practices, and digital agencies. It features minimalist typography, dynamic project filtering, responsive grid layouts, and fluid page transitions.

Live demo

Explore the live Nordwell studio template deployment.

Live Preview(opens in a new tab)

Screenshots

Nordwell homepage layout

Nordwell homepage layout

Features

  • Filterable portfolio showcase

    Showcase agency projects with categorized grid views and smooth layout transitions.

  • Studio capabilities & team

    Present agency methodology, core disciplines, leadership, and awards.

  • Interactive project case studies

    Rich media layouts for project scope, deliverables, client feedback, and visual assets.

Architecture

App Router with Framer Motion layout transitions

Built on Next.js App Router and React Server Components. Animation seams are encapsulated in client wrappers so static page rendering remains fast and lightweight.

Tech stack

Built with

What the product is implemented in.

Requires

What you must already have. These block installation.

Folder structure

Folder structure
nordwell/
├── app/
│   ├── page.tsx
│   ├── work/[slug]/page.tsx
│   └── about/page.tsx
├── components/
└── content/

Requirements

Node.js
≥ 22.12LTS or current
Package manager
pnpm ≥ 10npm and yarn also work
Operating system
macOS, Linux, Windows (WSL2)

Installation

  1. Unpack the download

    The archive contains the full source. There is no installer and no post-install script.

    bash
    unzip nordwell.zip
cd nordwell

  2. Install dependencies

    bash
    pnpm install

  3. Configure the environment

    Copy the example file and fill in the variables listed under Environment variables.

    bash
    cp .env.example .env

Quick start

  1. Start the development server

    bash
    pnpm dev

  2. Verify the install

    Runs formatting, lint, type-check, tests and a production build.

    bash
    pnpm check

Environment variables

Environment variables
VariableRequiredDescription
DATABASE_URLRequiredPostgreSQL connection string. Use a pooled endpoint in serverless environments.postgresql://user:pass@localhost:5432/app
NEXT_PUBLIC_APP_URLRequiredAbsolute origin of the deployment. Used for canonical URLs and metadata.https://app.example.com
LOG_LEVELOptionaldebug | info | warn | error. Defaults to info in production.

Configuration

    Deployment

    • Vercel

      Zero-config. Set the environment variables listed above and connect the repository.

    • Docker

      A multi-stage Dockerfile is included, producing a standalone image with no build toolchain.

    • Any Node host

      Builds to a standard Node server. Nothing depends on a platform-specific runtime.

    Compatibility

    Framework and runtime versions this product supports
    TechnologyVersionsStatus
    Next.js≥ 15Supported

    What changed in 1.0.0

    Initial commercial release

    • addedInitial commercial release

    Version history

    1. 1.0.0

      Initial commercial release

      • addedInitial commercial release

    Documentation

    Documentation ships with the first release.

    Support

    Related products

    Curated by us, not inferred — these are the ones that genuinely pair with it.

    Built with the same stack

    Products that share a framework with this one.