🎯

preview

🎯Skill

from forever-efficient/pitfal-solutions-website

What it does

Launches a local Next.js development server for previewing the site, checking dependencies and port availability before starting.

📦

Part of

forever-efficient/pitfal-solutions-website(27 items)

preview

Installation

pnpmRun with pnpm

pnpm dev

pnpmRun with pnpm

pnpm dev -- -p 3001

DockerRun with Docker

docker compose up

📖 Extracted from docs: forever-efficient/pitfal-solutions-website

Need more details? View full documentation on GitHub →

2Installs

AddedFeb 4, 2026

View on GitHub Back to Skills

Skill Details

SKILL.md

Start local development server for previewing the site.

Overview

# Start Preview Server

Start the Next.js development server for local preview.

Steps

Check if dependencies are installed:

```bash

[ -d "node_modules" ] || pnpm install

```

Check if port 3000 is available:

```bash

lsof -i :3000 | grep LISTEN

```

Start development server:

```bash

pnpm dev

```

Report the URL: http://localhost:3000

If Port 3000 is Busy

Suggest alternative:

```bash

pnpm dev -- -p 3001

```

Or kill existing process (with user confirmation):

```bash

kill $(lsof -t -i:3000)

pnpm dev

```

Docker Alternative

If Docker is preferred:

```bash

docker compose up

```

Server will be available at http://localhost:3000

More from this repository10

🎯

theme-factory🎯Skill

Generates professional, customizable color and font themes for styling slides, docs, and other artifacts with pre-set or on-the-fly theme creation.

🎯

optimize-images🎯Skill

optimize-images skill from forever-efficient/pitfal-solutions-website

🎯

canvas-design🎯Skill

Generates original visual art and design philosophies by creating unique aesthetic movements expressed through minimalist, meticulously crafted graphics and images.

🎯

frontend-design🎯Skill

Designs distinctive, production-grade frontend interfaces with creative aesthetics, generating polished web components, pages, and applications that avoid generic AI design.

🎯

doc-coauthoring🎯Skill

Guides users through a structured, collaborative documentation workflow with context gathering, iterative refinement, and reader testing.

🎯

xlsx🎯Skill

Generates, reads, analyzes, and modifies Excel spreadsheets with advanced formula support, data manipulation, and visualization capabilities.

🎯

db-seed🎯Skill

db-seed skill from forever-efficient/pitfal-solutions-website

🎯

logs🎯Skill

logs skill from forever-efficient/pitfal-solutions-website

🎯

stripe-setup🎯Skill

stripe-setup skill from forever-efficient/pitfal-solutions-website

🎯

webapp-testing🎯Skill

Automates web application testing using Playwright, enabling frontend verification, UI debugging, and browser interaction with Python scripts.