Next.jsReactPortfolioStarter

Cloud-Dancer — Next.js Portfolio Template

By idcesares

Cloud-Dancer is a single-page developer portfolio template built on the Next.js App Router, with content centralized in the content directory, light and dark themes, Playwright smoke tests, and llms.txt and index.md for AI crawlers.

Open Source SiteDownload Source ZIP

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-14View source

What stands out

A quick read of the recorded project description.

01

Single-page layout with bento-style sections and ambient motion

02

Content-driven architecture with content/* as the sole data source

03

Light and dark themes provided via CSS variables

04

Includes Playwright smoke tests and Biome formatting

05

Ships with LLM/GEO assets such as public/llms.txt and public/index.md

06

Generates JSON-LD in app/page.tsx based on content/site.ts

Template Details

Cloud-Dancer is a single-page developer portfolio landing page template that uses bento-style sections and ambient motion. The README states that its content is driven entirely by the content/* directory: site information, projects, experience, testimonials, and principles correspond to content/site.ts, content/projects.ts, content/experience.ts, content/testimonials.ts, and content/principles.ts respectively. The tech stack is the Next.js App Router, React, TypeScript, Tailwind CSS, shadcn/ui components, and Framer Motion. The template provides light and dark themes implemented via CSS variables. The README also lists LLM/GEO-oriented assets: public/llms.txt, public/index.md, and JSON-LD (Person, WebSite, ProfilePage) generated from content/site.ts.

Before use, note the following: the system requires Node.js 20.11+ and pnpm 10.20+; before running Playwright tests for the first time, you must run pnpm exec playwright install. The contact CTA is static by default, and the README explicitly marks it as a TODO; to receive submissions you must integrate a form service or server action yourself. The README does not provide further details on performance, accessibility, browser compatibility, internationalization, or production deployment.

Next.jsPortfolioStarter

Is it right for your project?

Use Cases

  • Building a personal developer portfolio landing page
  • A portfolio site that needs light and dark theme switching
  • A site where content and code are separated for centralized maintenance
  • A site that needs to provide llms.txt and a Markdown mirror for AI crawlers

Suitable For

  • Developers familiar with the Next.js App Router and TypeScript
  • Projects using pnpm as the package manager
  • Personal portfolios that want to manage site content centrally in the content directory
  • Users planning to deploy to Vercel

Getting started & customization

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

  1. 1

    Environment requirements: Node.js 20.11+ (see .nvmrc) and pnpm 10.20+

  2. 2

    Install dependencies and start development: pnpm install and pnpm dev

  3. 3

    Before running tests for the first time, run pnpm exec playwright install

  4. 4

    Customize content: edit content/site.ts, content/projects.ts, content/experience.ts, and optionally adjust content/testimonials.ts and content/principles.ts

  5. 5

    Replace the images in public/avatars/ and public/og.png, and set siteConfig.links.website to the real domain before deployment

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 that version and does not mean that 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.
  • The runtime requires Node.js 20.11+ (see .nvmrc); versions below that cannot be used.
  • The package manager requires pnpm 10.20+; using other package managers or lower versions may prevent proper installation and operation.
  • Before running pnpm test for the first time, you must install the Playwright browser, otherwise the tests cannot run.
  • The contact form CTA is static by default and does not submit data; to receive submissions you must integrate a form service or server action yourself.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

- Node.js 20.11+ (see `.nvmrc`)

Original README

- pnpm 10.20+

Original README

First-time Playwright setup (required before `pnpm test`):

Original README

The contact CTA is static by default. Wire it to a form provider or server action if you want submissions.

Original README
https://github.com/idcesares/Cloud-Dancer/blob/master/LICENSEhttps://github.com/idcesares/Cloud-Dancer/blob/master/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-14. 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
More documented · 88 / 100
Technologies
Next.js · React
Website type
Portfolio · 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
2026-03-05
Screenshot last checked
2026-10-14

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: af495e430963869cd24c0b5d69a2c4e7a2b479d992b6c2bfe7b51687ba36c06b

2026-10-14T14:57:32.057Z

Source file / repository
# Cloud Dancer

A calm, high-performance developer portfolio landing page inspired by Pantone 11-4201 Cloud Dancer.

![Cloud Dancer preview](public/og.png)

## Live Demo
- https://cloud-dancer.dcesares.dev

## Highlights
- Single-page layout with bento-style sections and ambient motion
- Content-driven architecture (`content/*` is the single source of truth)
- Light + dark themes with CSS variables
- Playwright smoke tests + Biome formatting
- LLM/GEO-ready assets (`public/llms.txt`, `public/index.md`)

## Tech Stack
- Next.js App Router + React + TypeScript
- Tailwind CSS + shadcn/ui components
- Framer Motion for ambient drift

## System Requirements
- Node.js 20.11+ (see `.nvmrc`)
- pnpm 10.20+

## Getting Started
```bash
pnpm install
pnpm dev
```

## Customize in 5 Minutes
1. Edit `content/site.ts` with your name, links, and CTA targets.
2. Update projects in `content/projects.ts`.
3. Replace roles in `content/experience.ts` (4 entries recommended).
4. Optional: tweak `content/testimonials.ts` and `content/principles.ts`.
5. Swap images in `public/avatars/` and `public/og.png`.

See `content/README.md` for a quick reference.

## LLM + GEO Readiness
This template ships with:
- `public/llms.txt` for AI crawlers and retrieval tools.
- `public/index.md` as a Markdown mirror of the homepage content.
- JSON-LD in `app/page.tsx` (Person, WebSite, ProfilePage) derived from `content/site.ts`.

Keep these files in sync with your content updates, and set `siteConfig.links.website`
to your real domain before deploying.

## Scripts
```bash
pnpm dev
pnpm build
pnpm start
pnpm lint
pnpm format
pnpm test
```
First-time Playwright setup (required before `pnpm test`):
```bash
pnpm exec playwright install
```

## Deployment
Recommended: Vercel.
```bash
pnpm build
pnpm start
```

## Template Creator
- Isaac D'Césares — https://dcesares.dev
- GitHub: https://github.com/idcesares
- Project site: https://cloud-dancer.dcesares.dev
- Repository: https://github.com/idcesares/Cloud-Dancer

## Contact Form TODO
The contact CTA is static by default. Wire it to a form provider or server action if you want submissions.
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

Next.js SaaS Starter

Next.js SaaS Starter

The official Next.js SaaS starter template, integrating email/password authentication, Stripe Checkout subscriptions, a dashboard with user/team CRUD, basic Owner/Member RBAC, and activity logging.

Next.js · SaaS

Next.js Commerce

Next.js Commerce

Vercel's officially maintained Next.js App Router ecommerce starter with deep Shopify integration, offering a complete product catalog, cart, and checkout flow. Core logic is modular for swapping backends, and community provider versions exist for BigCommerce, Medusa, and Saleor.

Next.js · E-commerce

Next-js-Boilerplate

Next-js-Boilerplate

A developer-first Next.js 16 starter with Tailwind CSS 4 and TypeScript, supporting both App Router and Page Router.

Next.js · Starter

tailwind-nextjs-starter-blog

tailwind-nextjs-starter-blog

A Next.js and Tailwind CSS blog starter template using Contentlayer for Markdown/MDX, with built-in SEO, code highlighting, and tags. It targets personal technical blogs and migration from Jekyll/Hugo to React, and supports one-click Vercel deployment.

Next.js · Blog

next-forge

next-forge

next-forge is a Turborepo-based Next.js template maintained by Vercel, positioned as a starting point for SaaS products.

Next.js · Starter

SaaS-Boilerplate

SaaS-Boilerplate

SaaS-Boilerplate is an open-source SaaS starter template built with Next.js App Router, React 19, TypeScript, Tailwind CSS, and Shadcn UI.

Next.js · SaaS