# Tryboy869 Dojutsu For AI Cursorrules Cursor AI Nextjs 14 Tailwind SEO Setup > cursorrules-cursor-ai-nextjs-14-tailwind-seo-setup - Skill: `tomevault-io/tryboy869-dojutsu-for-ai-cursorrules-cursor-ai-nextjs-14-tai` (Agent Skill, multi-file: 2 files) - Install (CLI): `npx skillmds@latest add tomevault-io/tryboy869-dojutsu-for-ai-cursorrules-cursor-ai-nextjs-14-tai` - Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/tryboy869-dojutsu-for-ai-cursorrules-cursor-ai-nextjs-14-tai/raw - Safety review: pending (external: skill-scanner PASS, skillspector PASS) - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Marketing & Growth - Author: tomevault-io (https://skillmd.com/u/tomevault-io) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/tomevault-io/tryboy869-dojutsu-for-ai-cursorrules-cursor-ai-nextjs-14-tai --- # cursorrules-cursor-ai-nextjs-14-tailwind-seo-setup --- description: General rules for Next.js 14 development, including using the app directory, server components, and modern TypeScript syntax. globs: **/app/**/*.* --- - Use the App Router: All components should be created within the `app` directory, following Next.js 14 conventions. - Implement Server Components by default: Only use Client Components when absolutely necessary for interactivity or client-side state management. - Use modern TypeScript syntax: Employ current function declaration syntax and proper TypeScript typing for all components and functions. - Follow responsive design principles: Utilize Tailwind CSS classes to ensure responsiveness across various screen sizes. - Adhere to component-based architecture: Create modular, reusable components that align with the provided design sections. - Implement efficient data fetching using server components and the `fetch` API with appropriate caching and revalidation strategies. - Use Next.js 14's metadata API for SEO optimization. - Employ Next.js Image component for optimized image loading. - Ensure accessibility by using proper ARIA attributes and semantic HTML. - Implement error handling using error boundaries and error.tsx files. - Use loading.tsx files for managing loading states. - Utilize route handlers (route.ts) for API routes in the App Router. - Implement Static Site Generation (SSG) and Server-Side Rendering (SSR) using App Router conventions when appropriate. --- > Source: [Tryboy869/dojutsu-for-ai](https://github.com/Tryboy869/dojutsu-for-ai) — distributed by [TomeVault](https://tomevault.io).