[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6HA6RCRW4985KFFGSP0576Z":3,"skill-same:01M6HA6RCRW4985KFFGSP0576Z":62},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":18,"publishedAt":33,"linkOnly":34,"markdownContent":35,"markdownBody":36,"frontMatter":37,"refName":40,"commitSha":41,"skillDirectory":42,"forksCount":14,"repositoryHtmlUrl":43,"repositoryHomepageUrl":6,"ownerHtmlUrl":44,"ownerBlogUrl":45,"ownerDescription":46,"updatedAt":47,"install":48,"resources":61},"01M6HA6RCRW4985KFFGSP0576Z","nextjs",null,"Next.js full-stack React framework with SSR, API routes, and file-based routing","NeuralBlitz\u002FMito","NeuralBlitz","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F79354388?v=4","01M6H8T2TFH477HRS0KTSTKR2E","David Riggs","01M6H8T2YQQDXPYM092P670Z21",0,"MIT","https:\u002F\u002Fgithub.com\u002FNeuralBlitz\u002FMito\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fnextjs\u002FSKILL.md",[],[5,19,20,21,22,23,24,25,26,27,28,29,30,31,32],"react","ssr","routing","framework","file","api","Next.js","js","stack","opencode","frameworks","next","full","with","2026-11-10 10:12:30",false,"---\nname: nextjs\ndescription: Next.js full-stack React framework with SSR, API routes, and file-based routing\nlicense: MIT\ncompatibility: opencode\nmetadata:\n  audience: developers\n  category: frameworks\n---\n## What I do\n- Build server-side rendered React applications\n- Create API routes and serverless functions\n- Implement file-based routing with dynamic routes\n- Use getStaticProps, getServerSideProps, and getStaticPaths\n- Optimize performance with SSR, SSG, and ISR\n- Handle authentication with NextAuth.js\n- Use TypeScript for type safety\n\n## When to use me\nWhen building modern React applications with SSR, API routes, or full-stack capabilities.\n\n## Pages Router\n```typescript\n\u002F\u002F pages\u002Findex.tsx\nimport { GetServerSideProps } from 'next'\n\ninterface Props {\n  data: User[]\n}\n\nexport const getServerSideProps: GetServerSideProps\u003CProps> = async () => {\n  const res = await fetch('https:\u002F\u002Fapi.example.com\u002Fusers')\n  const data = await res.json()\n  \n  return {\n    props: { data },\n  }\n}\n\nexport default function Home({ data }: Props) {\n  return (\n    \u003Cul>\n      {data.map(user => (\n        \u003Cli key={user.id}>{user.name}\u003C\u002Fli>\n      ))}\n    \u003C\u002Ful>\n  )\n}\n```\n\n## App Router (Next.js 13+)\n```typescript\n\u002F\u002F app\u002Fpage.tsx\nimport { getData } from '@\u002Flib\u002Fdata'\n\nexport default async function Page() {\n  const data = await getData()\n  \n  return \u003Cmain>{data.title}\u003C\u002Fmain>\n}\n\n\u002F\u002F app\u002Flayout.tsx\nexport default function RootLayout({ children }: { children: React.ReactNode }) {\n  return (\n    \u003Chtml lang=\"en\">\n      \u003Cbody>{children}\u003C\u002Fbody>\n    \u003C\u002Fhtml>\n  )\n}\n\n\u002F\u002F app\u002Fapi\u002Froute.ts\nimport { NextResponse } from 'next\u002Fserver'\n\nexport async function GET() {\n  return NextResponse.json({ message: 'Hello' })\n}\n```\n\n## Dynamic Routes\n```typescript\n\u002F\u002F app\u002Fposts\u002F[id]\u002Fpage.tsx\ninterface Props {\n  params: { id: string }\n}\n\nexport default async function Post({ params }: Props) {\n  const post = await fetchPost(params.id)\n  return \u003Carticle>{post.content}\u003C\u002Farticle>\n}\n\nexport async function generateStaticParams() {\n  const posts = await fetchAllPosts()\n  return posts.map(post => ({ id: post.id }))\n}\n```\n\n## Client Components\n```typescript\n'use client'\n\nimport { useState } from 'react'\n\nexport function Counter() {\n  const [count, setCount] = useState(0)\n  \n  return (\n    \u003Cbutton onClick={() => setCount(c => c + 1)}>\n      Count: {count}\n    \u003C\u002Fbutton>\n  )\n}\n```\n\n## Server Actions\n```typescript\n\u002F\u002F app\u002Factions.ts\n'use server'\n\nexport async function createUser(formData: FormData) {\n  const name = formData.get('name')\n  \u002F\u002F Database operation\n  await db.user.create({ name: name as string })\n  revalidatePath('\u002Fusers')\n}\n```\n","## What I do\n- Build server-side rendered React applications\n- Create API routes and serverless functions\n- Implement file-based routing with dynamic routes\n- Use getStaticProps, getServerSideProps, and getStaticPaths\n- Optimize performance with SSR, SSG, and ISR\n- Handle authentication with NextAuth.js\n- Use TypeScript for type safety\n\n## When to use me\nWhen building modern React applications with SSR, API routes, or full-stack capabilities.\n\n## Pages Router\n```typescript\n\u002F\u002F pages\u002Findex.tsx\nimport { GetServerSideProps } from 'next'\n\ninterface Props {\n  data: User[]\n}\n\nexport const getServerSideProps: GetServerSideProps\u003CProps> = async () => {\n  const res = await fetch('https:\u002F\u002Fapi.example.com\u002Fusers')\n  const data = await res.json()\n  \n  return {\n    props: { data },\n  }\n}\n\nexport default function Home({ data }: Props) {\n  return (\n    \u003Cul>\n      {data.map(user => (\n        \u003Cli key={user.id}>{user.name}\u003C\u002Fli>\n      ))}\n    \u003C\u002Ful>\n  )\n}\n```\n\n## App Router (Next.js 13+)\n```typescript\n\u002F\u002F app\u002Fpage.tsx\nimport { getData } from '@\u002Flib\u002Fdata'\n\nexport default async function Page() {\n  const data = await getData()\n  \n  return \u003Cmain>{data.title}\u003C\u002Fmain>\n}\n\n\u002F\u002F app\u002Flayout.tsx\nexport default function RootLayout({ children }: { children: React.ReactNode }) {\n  return (\n    \u003Chtml lang=\"en\">\n      \u003Cbody>{children}\u003C\u002Fbody>\n    \u003C\u002Fhtml>\n  )\n}\n\n\u002F\u002F app\u002Fapi\u002Froute.ts\nimport { NextResponse } from 'next\u002Fserver'\n\nexport async function GET() {\n  return NextResponse.json({ message: 'Hello' })\n}\n```\n\n## Dynamic Routes\n```typescript\n\u002F\u002F app\u002Fposts\u002F[id]\u002Fpage.tsx\ninterface Props {\n  params: { id: string }\n}\n\nexport default async function Post({ params }: Props) {\n  const post = await fetchPost(params.id)\n  return \u003Carticle>{post.content}\u003C\u002Farticle>\n}\n\nexport async function generateStaticParams() {\n  const posts = await fetchAllPosts()\n  return posts.map(post => ({ id: post.id }))\n}\n```\n\n## Client Components\n```typescript\n'use client'\n\nimport { useState } from 'react'\n\nexport function Counter() {\n  const [count, setCount] = useState(0)\n  \n  return (\n    \u003Cbutton onClick={() => setCount(c => c + 1)}>\n      Count: {count}\n    \u003C\u002Fbutton>\n  )\n}\n```\n\n## Server Actions\n```typescript\n\u002F\u002F app\u002Factions.ts\n'use server'\n\nexport async function createUser(formData: FormData) {\n  const name = formData.get('name')\n  \u002F\u002F Database operation\n  await db.user.create({ name: name as string })\n  revalidatePath('\u002Fusers')\n}\n```\n",{"name":5,"license":15,"metadata":38,"description":7,"compatibility":28},{"audience":39,"category":29},"developers","main","2ea764e153842704d24a2e9aa4170441a7f03081",".opencode\u002Fskills\u002Fnextjs","https:\u002F\u002Fgithub.com\u002FNeuralBlitz\u002FMito","https:\u002F\u002Fgithub.com\u002FNeuralBlitz","nuralnexus.org","Theoretical and Futuristic AI Nerd 🤓 ","2026-11-12 03:13:05",{"source":8,"skillName":5,"commands":49,"prompt":59,"zipAvailable":60},[50,53,56],{"tool":51,"command":52},"npx","npx skills add NeuralBlitz\u002FMito --skill nextjs",{"tool":54,"command":55},"bunx","bunx skills add NeuralBlitz\u002FMito --skill nextjs",{"tool":57,"command":58},"pnpm","pnpm dlx skills add NeuralBlitz\u002FMito --skill nextjs","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FNeuralBlitz\u002FMito\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fnextjs\u002FSKILL.md",true,[],[63,79,92,105,113,138],{"skillNo":64,"name":65,"nameZh":6,"description":66,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":67,"categories":68,"keywords":69,"publishedAt":33},"01M6HAZSAQK1S27CEZYAYJTQDX","wireless-communications","Wireless systems, mobile networks, and 5G\u002F6G","https:\u002F\u002Fgithub.com\u002FNeuralBlitz\u002FMito\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fwireless-communications\u002FSKILL.md",[],[70,71,72,73,74,75,76,77,28,78],"communications","wireless communications","wireless","systems","engineering","networks","5G","students","mobile",{"skillNo":80,"name":81,"nameZh":6,"description":82,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":83,"categories":84,"keywords":85,"publishedAt":33},"01M6HAZFX6E8NK3WZWDX5YCKYY","websockets","WebSocket implementation and best practices","https:\u002F\u002Fgithub.com\u002FNeuralBlitz\u002FMito\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fwebassembly\u002Fwebsockets\u002FSKILL.md",[],[81,86,87,88,28,89,90,91],"websocket implementation","time","implementation","real-time","websocket","best practices",{"skillNo":93,"name":94,"nameZh":6,"description":95,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":96,"categories":97,"keywords":98,"publishedAt":33},"01M6HAZ6DAXBQ7QHXXM1EM7715","vulnerability-auditing","Vulnerability assessment and auditing","https:\u002F\u002Fgithub.com\u002FNeuralBlitz\u002FMito\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fvulnerability-auditing\u002FSKILL.md",[],[99,100,101,102,28,103,104],"vulnerability","vulnerability auditing","security","vulnerability assessment","cybersecurity","assessment",{"skillNo":106,"name":107,"nameZh":6,"description":108,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":109,"categories":110,"keywords":111,"publishedAt":33},"01M6HAZ3FKF3CS9Z3J96RVE2ZE","vulnerability-assessment","Finding and assessing security vulnerabilities","https:\u002F\u002Fgithub.com\u002FNeuralBlitz\u002FMito\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fvue\u002Fvulnerability-assessment\u002FSKILL.md",[],[102,99,104,101,112,28],"vulnerabilities",{"skillNo":114,"name":115,"nameZh":6,"description":116,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":117,"categories":118,"keywords":129,"publishedAt":33},"01M6HAYSHM6HKRKEHFP0SGZQX7","vlsi-design","Very-Large-Scale Integration circuit design and semiconductor engineering","https:\u002F\u002Fgithub.com\u002FNeuralBlitz\u002FMito\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fvlsi-design\u002FSKILL.md",[119,124],{"categoryNo":120,"categoryName":121,"taxonomyType":122,"taxonomyTypeDesc":123},"01JBSEEDCAT000000000000015","视觉设计","SCENARIO","使用场景",{"categoryNo":125,"categoryName":126,"taxonomyType":127,"taxonomyTypeDesc":128},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[130,131,132,133,134,74,135,28,136,77,137],"vlsi design","VLSI","design","hardware","integration","computer","scale","circuit",{"skillNo":139,"name":140,"nameZh":6,"description":141,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":142,"categories":143,"keywords":144,"publishedAt":33},"01M6HAYPQ30FFE2JXD7WQJ8R6C","unsupervised","Unsupervised learning concepts","https:\u002F\u002Fgithub.com\u002FNeuralBlitz\u002FMito\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fvisualization\u002Funsupervised\u002FSKILL.md",[],[140,145,28,146,147,148,149,150],"learning","intelligence","unsupervised learning","machine","concepts","machine-learning"]