IDE Rule: Typescript React Nextui Supabase
IDE Rule: Typescript React Nextui Supabase is a verified IDE_RULE blueprint on Promptally in Framework IDE Rules optimized for leading AI models. Cursorrules_Mdc specification for IDE Rule: Typescript React Nextui Supabase. Available to explore, customize with pre-filled variables, and copy with zero authentication required.
Created by @promptallyTechnical Specifications
| Specification | Value |
|---|---|
| Artifact type | IDE RULE (Framework IDE Rules) |
| Compatible engines | Universal / Model Agnostic |
| Input variables | None (pre-filled) |
| Approximate tokens | 544 |
| Source file | .cursorrules |
| Access tier | Free public (MIT) |
Pre-Filled Template
--- description: "Cursor rules for TypeScript development with React, NextUI, and Supabase integration." globs: **/* alwaysApply: false --- # Codebase Overview This codebase appears to be part of a web application built using TypeScript, React, and various NextUI components. It is structured to support a landing page, authentication flows, and a dashboard for logged-in users. The application integrates with Supabase for backend services, including authentication and database interactions. # Stack and Key Technologies Frontend Framework: React TypeScript: Used for type-safe code across the frontend. NextUI: A React UI library used for building the UI components like buttons, modals, inputs, etc. Supabase: An open-source Firebase alternative used for backend services like authentication, database, and storage. Next.js: Likely used as the React framework, indicated by the usage of next/navigation and server utilities. Iconify: For icons across the application. Purpose and Functionality ## Authentication The application includes a comprehensive authentication flow: Login: Users can log in using email/password or GitHub OAuth. The login logic is handled in frontend/app/(landing-page)/login/action.ts. Signup: New users can sign up with an email and password. The signup logic is also in frontend/app/(landing-page)/login/action.ts. Logout: Users can log out, with the logic located in frontend/app/(landing-page)/logout/action.ts. Email Confirmation: The application handles email confirmation through a callback route in frontend/app/auth/callback/confirm/route.ts. ## User Interface Landing Page: Contains components like SubmitButton, LoginPage, and LogoutModal to facilitate user interactions. Dashboard: For logged-in users, showing personalized content and a sidebar for navigation within the dashboard. Error Handling: A generic error component is used to display errors and provide a retry mechanism. ## Navigation and Layout Navbar: A responsive navbar for the landing page and possibly other public pages. Sidebar: A collapsible sidebar for the dashboard, indicating a more complex, multi-page application structure for authenticated users.
How to use this ide rule
- Review the pre-filled example and source files above.
- Copy the template or download
.cursorrules, then use it in your model, IDE, or workflow tool. - Compare your result with the sample output when one is provided.
Frequently Asked Questions
How do I use IDE Rule: Typescript React Nextui Supabase?
Open the ide rule on Promptally, review the pre-filled example, then copy the template or download .cursorrules and paste it into your model, IDE or workflow tool. IDE Rule: Typescript React Nextui Supabase is a static blueprint with no dynamic variables. Copy it and use it as-is.
Is IDE Rule: Typescript React Nextui Supabase free?
Yes. IDE Rule: Typescript React Nextui Supabase is free to view, copy and download on Promptally without creating an account. It is published under the MIT license.
What variables does IDE Rule: Typescript React Nextui Supabase need?
IDE Rule: Typescript React Nextui Supabase is a static blueprint with no dynamic variables. Copy it and use it as-is.