์คํฌ building-nextjs-apps
โก
building-nextjs-apps
์์ โ๏ธ
์ธ๋ถ ๋ช
๋ น์ด๐
๋คํธ์ํฌ ์ ๊ทผ๐
ํ๊ฒฝ ๋ณ์๐
ํ์ผ ์์คํ
์ก์ธ์ค
Build Next.js 16 applications
Next.js 16 introduces breaking changes that cause common mistakes. This skill provides correct patterns for async params, server actions, layouts, and middleware. Use it to avoid failed builds and implement distinctive frontend design.
์ง์: Claude Codex Code(CC)
1
์คํฌ ZIP ๋ค์ด๋ก๋
2
Claude์์ ์ ๋ก๋
์ค์ โ ๊ธฐ๋ฅ โ ์คํฌ โ ์คํฌ ์ ๋ก๋๋ก ์ด๋
3
ํ ๊ธ์ ์ผ๊ณ ์ฌ์ฉ ์์
ํ ์คํธํด ๋ณด๊ธฐ
"building-nextjs-apps" ์ฌ์ฉ ์ค์ ๋๋ค. Create a dashboard page with async params
์์ ๊ฒฐ๊ณผ:
- Creates page.tsx with async function and awaited params
- Adds TypeScript types for params Promise
- Implements data fetching with proper error handling
"building-nextjs-apps" ์ฌ์ฉ ์ค์ ๋๋ค. Set up authentication proxy
์์ ๊ฒฐ๊ณผ:
- Creates proxy.ts with token validation
- Adds redirect for unauthenticated users
- Configures matcher for protected routes
"building-nextjs-apps" ์ฌ์ฉ ์ค์ ๋๋ค. Design a bold landing page
์์ ๊ฒฐ๊ณผ:
- Selects distinctive display fonts
- Applies dominant color with sharp accents
- Adds motion effects for page load
๋ณด์ ๊ฐ์ฌ
์์ v5 โข 1/16/2026
This skill contains only documentation for Next.js development. All 272 static findings are false positives caused by the analyzer misinterpreting markdown code blocks (using backticks for syntax highlighting) as shell execution, and documentation examples of standard web patterns (API calls, environment variables) as security risks. No executable code or malicious patterns exist.
6
์ค์บ๋ ํ์ผ
1,548
๋ถ์๋ ์ค ์
4
๋ฐ๊ฒฌ ์ฌํญ
5
์ด ๊ฐ์ฌ ์
์ํ ์์ธ
โ๏ธ ์ธ๋ถ ๋ช ๋ น์ด (187)
references/datetime-patterns.md:9-12 references/datetime-patterns.md:12-16 references/datetime-patterns.md:16-18 references/datetime-patterns.md:18-20 references/datetime-patterns.md:20-22 references/datetime-patterns.md:22-26 references/datetime-patterns.md:26-33 references/datetime-patterns.md:33-37 references/datetime-patterns.md:37-52 references/datetime-patterns.md:52-58 references/datetime-patterns.md:58-66 references/datetime-patterns.md:66-70 references/datetime-patterns.md:70-81 references/datetime-patterns.md:81-83 references/datetime-patterns.md:83-87 references/datetime-patterns.md:87-120 references/datetime-patterns.md:120-126 references/datetime-patterns.md:126-144 references/datetime-patterns.md:144-150 references/datetime-patterns.md:150-153 references/datetime-patterns.md:153-155 references/datetime-patterns.md:155-159 references/datetime-patterns.md:159-163 references/datetime-patterns.md:163-171 references/datetime-patterns.md:171-177 references/datetime-patterns.md:177 references/datetime-patterns.md:177-178 references/datetime-patterns.md:178 references/datetime-patterns.md:178-179 references/datetime-patterns.md:179 references/datetime-patterns.md:179-185 references/datetime-patterns.md:185 references/datetime-patterns.md:185-186 references/datetime-patterns.md:186-187 references/datetime-patterns.md:187-188 references/nextjs-16-patterns.md:23 references/nextjs-16-patterns.md:23 references/nextjs-16-patterns.md:25-40 references/nextjs-16-patterns.md:40-44 references/nextjs-16-patterns.md:44-63 references/nextjs-16-patterns.md:63-67 references/nextjs-16-patterns.md:67-84 references/nextjs-16-patterns.md:84-88 references/nextjs-16-patterns.md:88-99 references/nextjs-16-patterns.md:99-103 references/nextjs-16-patterns.md:103 references/nextjs-16-patterns.md:103-105 references/nextjs-16-patterns.md:105-129 references/nextjs-16-patterns.md:129-132 references/nextjs-16-patterns.md:132 references/nextjs-16-patterns.md:132-133 references/nextjs-16-patterns.md:133 references/nextjs-16-patterns.md:133-139 references/nextjs-16-patterns.md:139-141 references/nextjs-16-patterns.md:141-147 references/nextjs-16-patterns.md:147-151 references/nextjs-16-patterns.md:151-174 references/nextjs-16-patterns.md:174-178 references/nextjs-16-patterns.md:178 references/nextjs-16-patterns.md:178-180 references/nextjs-16-patterns.md:180-194 references/nextjs-16-patterns.md:194-198 references/nextjs-16-patterns.md:198-200 references/nextjs-16-patterns.md:200-208 references/nextjs-16-patterns.md:208-210 references/nextjs-16-patterns.md:210-215 references/nextjs-16-patterns.md:215-219 references/nextjs-16-patterns.md:219-221 references/nextjs-16-patterns.md:221-241 references/nextjs-16-patterns.md:241-247 references/nextjs-16-patterns.md:247-264 references/nextjs-16-patterns.md:264-268 references/nextjs-16-patterns.md:268-274 references/nextjs-16-patterns.md:274-278 references/nextjs-16-patterns.md:278-300 references/nextjs-16-patterns.md:300-308 references/nextjs-16-patterns.md:308-344 references/nextjs-16-patterns.md:344-371 references/nextjs-16-patterns.md:371-375 references/nextjs-16-patterns.md:375 references/nextjs-16-patterns.md:375-376 references/nextjs-16-patterns.md:376-377 references/nextjs-16-patterns.md:377-379 references/nextjs-16-patterns.md:379-383 references/nextjs-16-patterns.md:383-385 references/nextjs-16-patterns.md:385-403 references/nextjs-16-patterns.md:403-408 references/nextjs-16-patterns.md:408 references/nextjs-16-patterns.md:408-409 references/nextjs-16-patterns.md:409-410 references/nextjs-16-patterns.md:410-412 references/nextjs-16-patterns.md:412-416 references/nextjs-16-patterns.md:416-425 references/nextjs-16-patterns.md:425-449 references/nextjs-16-patterns.md:449-453 references/nextjs-16-patterns.md:453-467 references/nextjs-16-patterns.md:467-482 references/nextjs-16-patterns.md:482-486 references/nextjs-16-patterns.md:486-520 references/nextjs-16-patterns.md:520-524 references/nextjs-16-patterns.md:524-536 references/nextjs-16-patterns.md:536-556 references/nextjs-16-patterns.md:556-567 references/nextjs-16-patterns.md:567-571 references/nextjs-16-patterns.md:571-608 references/nextjs-16-patterns.md:608-615 references/nextjs-16-patterns.md:615-621 references/nextjs-16-patterns.md:621 references/nextjs-16-patterns.md:621-622 references/nextjs-16-patterns.md:622 references/nextjs-16-patterns.md:622-623 references/nextjs-16-patterns.md:623-624 references/nextjs-16-patterns.md:624-625 references/nextjs-16-patterns.md:625-626 references/nextjs-16-patterns.md:626 references/nextjs-16-patterns.md:626-627 references/nextjs-16-patterns.md:627 references/nextjs-16-patterns.md:627 references/nextjs-16-patterns.md:627-628 references/nextjs-16-patterns.md:628 references/nextjs-16-patterns.md:628-629 references/nextjs-16-patterns.md:629-630 references/nextjs-16-patterns.md:630-631 references/nextjs-16-patterns.md:631-637 references/nextjs-16-patterns.md:637-648 references/nextjs-16-patterns.md:648-652 references/nextjs-16-patterns.md:652-659 references/nextjs-16-patterns.md:659-663 references/nextjs-16-patterns.md:663-670 references/nextjs-16-patterns.md:670-674 references/nextjs-16-patterns.md:674-680 references/nextjs-16-patterns.md:680-684 references/nextjs-16-patterns.md:684-694 references/nextjs-16-patterns.md:694-698 references/nextjs-16-patterns.md:698-706 references/nextjs-16-patterns.md:706-711 references/nextjs-16-patterns.md:711-713 references/nextjs-16-patterns.md:713-716 references/nextjs-16-patterns.md:716-718 skill-report.json:189 SKILL.md:20-35 SKILL.md:35-39 SKILL.md:39-51 SKILL.md:51-55 SKILL.md:55-64 SKILL.md:64-72 SKILL.md:72-79 SKILL.md:79-83 SKILL.md:83-98 SKILL.md:98-102 SKILL.md:102-118 SKILL.md:118-122 SKILL.md:122-141 SKILL.md:141-145 SKILL.md:145-159 SKILL.md:159-163 SKILL.md:163-178 SKILL.md:178-186 SKILL.md:186-200 SKILL.md:200-204 SKILL.md:204-223 SKILL.md:223-229 SKILL.md:229-247 SKILL.md:247-257 SKILL.md:257-259 SKILL.md:259-261 SKILL.md:261-263 SKILL.md:263-273 SKILL.md:273-279 SKILL.md:279-280 SKILL.md:280-281 SKILL.md:281-282 SKILL.md:282-283 SKILL.md:283-284 SKILL.md:284-285 SKILL.md:285-291 SKILL.md:291-294 SKILL.md:294-298 SKILL.md:298-301 SKILL.md:301-305 SKILL.md:305-308 SKILL.md:308-312 SKILL.md:312-315 SKILL.md:315-319 SKILL.md:319-325 SKILL.md:325-327 SKILL.md:327-337
๐ ๋คํธ์ํฌ ์ ๊ทผ (15)
references/nextjs-16-patterns.md:341 references/nextjs-16-patterns.md:425 references/nextjs-16-patterns.md:466 references/nextjs-16-patterns.md:536 references/nextjs-16-patterns.md:556 references/nextjs-16-patterns.md:313 references/nextjs-16-patterns.md:395 references/nextjs-16-patterns.md:700 references/nextjs-16-patterns.md:704 skill-report.json:142 skill-report.json:6 SKILL.md:189 SKILL.md:209 SKILL.md:189 SKILL.md:319
๐ ํ๊ฒฝ ๋ณ์ (14)
references/nextjs-16-patterns.md:313 references/nextjs-16-patterns.md:425 references/nextjs-16-patterns.md:467 references/nextjs-16-patterns.md:536 references/nextjs-16-patterns.md:556 references/nextjs-16-patterns.md:590 references/nextjs-16-patterns.md:608 references/nextjs-16-patterns.md:313 references/nextjs-16-patterns.md:425 references/nextjs-16-patterns.md:467 references/nextjs-16-patterns.md:536 references/nextjs-16-patterns.md:556 references/nextjs-16-patterns.md:590 references/nextjs-16-patterns.md:608
๐ ํ์ผ ์์คํ ์ก์ธ์ค (1)
๊ฐ์ฌ์: claude ๊ฐ์ฌ ์ด๋ ฅ ๋ณด๊ธฐ โ
ํ์ง ์ ์
68
์ํคํ
์ฒ
100
์ ์ง๋ณด์์ฑ
85
์ฝํ
์ธ
22
์ปค๋ฎค๋ํฐ
100
๋ณด์
91
์ฌ์ ์ค์
๋ง๋ค ์ ์๋ ๊ฒ
New Next.js project
Start a Next.js 16 project with correct patterns and shadcn/ui components
Upgrade from Next.js 15
Migrate existing apps to Next.js 16 with async params and Turbopack
Distinctive frontend design
Create production interfaces with bold aesthetics and motion design
์ด ํ๋กฌํํธ๋ฅผ ์ฌ์ฉํด ๋ณด์ธ์
New project
Create a new Next.js 16 project with TypeScript, Tailwind, and shadcn/ui. Set up a tasks page with dynamic routing.
Upgrade app
Upgrade this project to Next.js 16. Update all pages to use async params and searchParams patterns.
Add features
Add a server action for creating tasks. Connect it to a form component with proper validation.
Debug issues
Check for common Next.js 16 mistakes in my codebase. Show me any pages that need async params updates.
๋ชจ๋ฒ ์ฌ๋ก
- Always await params and searchParams in Next.js 16 page components
- Use server actions for form submissions with revalidatePath
- Design with a clear aesthetic direction and commit to it fully
ํผํ๊ธฐ
- Using Next.js 15 sync params patterns in Next.js 16
- Defaulting to generic fonts like Inter or system fonts
- Overusing generic layouts without distinctive character
์์ฃผ ๋ฌป๋ ์ง๋ฌธ
Does this work with Next.js 15?
Best for Next.js 16. Patterns differ for async params in version 16.
Does it create API routes?
Yes, it generates route.ts files with GET and POST handlers.
Can it set up authentication?
It documents proxy.ts patterns but does not include auth libraries.
What design systems are supported?
shadcn/ui is documented. Custom designs are guided by design principles.
Does it include database setup?
Database patterns are mentioned but ORM integration is not covered.
Can it upgrade existing projects?
Yes, MCP upgrade_nextjs_16 tool assists with codemod transformations.
๊ฐ๋ฐ์ ์ธ๋ถ ์ ๋ณด
์์ฑ์
Asmayaseen๋ผ์ด์ ์ค
MIT
๋ฆฌํฌ์งํ ๋ฆฌ
https://github.com/Asmayaseen/hackathon-2/tree/main/.claude/skills/building-nextjs-apps์ฐธ์กฐ
main
ํ์ผ ๊ตฌ์กฐ
๐ references/
๐ datetime-patterns.md
๐ frontend-design.md
๐ scripts/
๐ verify.py
๐ SKILL.md