Communitygithub.com

mindrally/nextjs-typescript-tailwindcss-supabase

使用 TypeScript、TailwindCSS 和 Supabase 進行完整的 Next.js 14 全端開發,打造適合生產環境的網頁應用程式。

nextjs-typescript-tailwindcss-supabase 是什麼?

此技能提供了一個整合 Next.js 14、TypeScript、TailwindCSS 和 Supabase 的全端開發環境,專為構建生產就緒的網頁應用程式而設計。它結合了 Next.js 的伺服器端渲染與靜態生成能力、TypeScript 的型別安全性、TailwindCSS 的實用優先樣式,以及 Supabase 的後端即服務(BaaS)功能,包括資料庫、認證和即時訂閱。開發者可以透過統一的開發流程,快速建立從前端到後端的完整應用程式,無需自行管理基礎設施。此技能支援 Vercel 或 Netlify 等現代部署平台,並遵循最佳實踐來確保應用程式的效能、可維護性和安全性。它讓開發者專注於業務邏輯,同時自動處理複雜的環境配置與整合。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/mindrally/skills/tree/main/skills/nextjs-typescript-tailwindcss-supabase

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

nextjs-typescript-tailwindcss-supabase 是做什麼的?

使用 TypeScript、TailwindCSS 和 Supabase 進行完整的 Next.js 14 全端開發,打造適合生產環境的網頁應用程式。

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

mindrally/accessibility-a11y

Implement web accessibility (a11y) best practices following WCAG guidelines to create inclusive, accessible user interfaces.

mindrally/chrome-extension-development

Expert guidelines for Chrome extension development with Manifest V3, covering security, performance, and best practices. Use when building browser extensions, creating popup UIs, implementing content scripts, working with Chrome APIs, managing extension permissions, or publishing to Chrome Web Store.

mindrally/computer-vision-opencv

Expert guidance for computer vision development using OpenCV, PyTorch, and modern deep learning techniques for image and video processing.

mindrally/data-analysis-jupyter

Expert guidance for data analysis, visualization, and Jupyter Notebook development with pandas, matplotlib, seaborn, and numpy.

mindrally/deep-learning-pytorch

Expert guidance for deep learning, transformers, diffusion models, and LLM development with PyTorch, Transformers, Diffusers, and Gradio.

mindrally/expo-react-native-typescript

Expert in Expo React Native TypeScript mobile development with best practices

mindrally/fastapi-python

Expert in FastAPI Python development with best practices for APIs and async operations

mindrally/framer-motion

Expert guidelines for building performant animations with Framer Motion/Motion library in React applications

mindrally/htmx

HTMX development guidelines for building dynamic web applications with minimal JavaScript using HTML attributes.

mindrally/jwt-security

Guidelines for implementing JWT authentication with security best practices for token creation, validation, and storage

mindrally/machine-learning

Machine learning development with JAX, functional programming patterns, and high-performance computing.

mindrally/mysql-best-practices

MySQL development best practices for schema design, query optimization, and database administration

mindrally/nextjs-react-typescript

Expert in TypeScript, Node.js, Next.js App Router, React, Shadcn UI, Radix UI and Tailwind

mindrally/odoo-development

Expert guidance for Odoo ERP development including Python ORM, XML views, and module architecture

mindrally/puppeteer-automation

Expert guidance for browser automation using Puppeteer with best practices for web scraping, testing, screenshot capture, and JavaScript execution in headless Chrome.

mindrally/redis-best-practices

Redis development best practices for caching, data structures, and high-performance key-value operations

mindrally/scrapy-web-scraping

Expert guidance for building web scrapers and crawlers using the Scrapy Python framework with best practices for spider development, data extraction, and pipeline management.

mindrally/scss-best-practices

SCSS/Sassy CSS best practices and coding guidelines for maintainable, scalable stylesheets

mindrally/typeorm

Guidelines for developing with TypeORM, a full-featured ORM for TypeScript and JavaScript supporting multiple databases

mindrally/web-scraping

Expert in web scraping and data extraction with Python tools

相關技能