SkillsAdd

contentstack/kickstart-next-ssr · Archived

framework

Use when changing Next.js App Router structure, next.config.mjs, images, PostCSS, or Tailwind in kickstart-next-ssr.

First seen Jul 16, 2026

Installation

$ npx skills add contentstack/kickstart-next-ssr --skill framework
View on skills.sh ↗ GitHub repository ↗

Stronger alternatives

This repository is archived — consider an actively maintained alternative.

dev-workflow Same source · more installs
contentstack/kickstart-next-ssr

Use when setting up the repo locally, running npm scripts, or understanding CI and contribution…

2 installs
code-review Same source · more installs
contentstack/kickstart-next-ssr

Use when preparing or reviewing a pull request for kickstart-next-ssr.

2 installs
typescript-style Same source
contentstack/kickstart-next-ssr

Use when editing TypeScript or React files and matching this repo’s compiler and ESLint convent…

1 installs
testing Same source
contentstack/kickstart-next-ssr

Use when verifying changes without an automated test suite, or planning how to test this kickst…

1 installs

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

vercel-react-best-practices Same topic
vercel-labs/agent-skills 697.8K installs
supabase Same topic
supabase/agent-skills

Use when doing ANY task involving Supabase. Triggers: Supabase products (Database, Auth, Edge F…

263K installs
prisma-compute Same topic
prisma/skills

Prisma Compute deployment and hosting guide. Use whenever the user mentions Prisma Compute, `pr…

253.4K installs
vercel-react-view-transitions Same topic
vercel-labs/agent-skills 115.9K installs
vercel-optimize Same topic
vercel-labs/agent-skills

Use for Vercel cost and performance optimization on deployed projects, especially Next.js, Svel…

67.2K installs
ai-sdk Same topic
vercel/ai 53.4K installs

Also in this package

Other skills from contentstack/kickstart-next-ssr.

npx skills add contentstack/kickstart-next-ssr
dev-workflow 2 code-review 2 typescript-style 1 testing 1 contentstack-kickstart 1

Browse all from contentstack/kickstart-next-ssr

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

License LICENSE
Default branch main
Open issues 0
Status Archived

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 1,687 B
  • docs SUMMARY.md 133 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 1 installs

SKILL.md

Framework (Next.js) – kickstart-next-ssr

When to use

  • Editing routing, layout, or global styles
  • Configuring image optimization or remote image hosts
  • Changing Tailwind or PostCSS setup

Instructions

App Router

  • Application lives under [app/](../../app/).
  • [app/layout.tsx](../../app/layout.tsx) is the root layout: sets metadata, imports [app/globals.css](../../app/globals.css), renders children, and mounts [components/ContentstackLivePreview.tsx](../../components/ContentstackLivePreview.tsx) so Live Preview initializes on the client after page content.
  • [app/page.tsx](../../app/page.tsx) is the default home route (async server component with Live Preview query handling).

Next configuration

  • [next.config.mjs](../../next.config.mjs) exports images.remotePatterns:

- If NEXTPUBLICCONTENTSTACKIMAGEHOSTNAME is set, that hostname is allowed. - Otherwise defaults allow images.contentstack.io and *-images.contentstack.com.

  • Prefer env-driven hostnames when stacks use custom image delivery domains.

Tailwind CSS v4

  • [postcss.config.mjs](../../postcss.config.mjs) registers @tailwindcss/postcss.
  • [app/globals.css](../../app/globals.css) uses @import "tailwindcss" and a @layer base block for border and body defaults compatible with v4.
  • [package.json](../../package.json) includes tailwindcss and @tailwindcss/postcss.

Linting

  • npm run lint runs next lint, aligned with [.eslintrc.json](../../.eslintrc.json) (Next core-web-vitals + TypeScript).