17 lines
1.6 KiB
Markdown
17 lines
1.6 KiB
Markdown
# Web App Optimization .cursorrules prompt file
|
|
|
|
Author: JustMrMendez
|
|
|
|
## What you can build
|
|
|
|
|
|
## Benefits
|
|
Implements Svelte Runes for handling state, effects, and props uniquely, enabling a reactive programming style with concise syntax.Emphasizes performance by leveraging SvelteKit's SSR, SSG, and compile-time optimizations, alongside minimal JavaScript for enhanced user experience.Integrates comprehensive styling guidelines with Tailwind CSS, Shadcn components, and specific color conventions, promoting a utility-first styling approach.
|
|
|
|
## Synopsis
|
|
Developers and web designers would benefit from this prompt to create performance-optimized, accessible web applications using Svelte 5, SvelteKit, and Tailwind CSS, with integrated SEO and internationalization.
|
|
|
|
## Overview of .cursorrules prompt
|
|
The .cursorrules file outlines guidelines and conventions for developing web applications using Svelte 5, SvelteKit, and TypeScript. It emphasizes the use of concise and technical code, efficient server-side rendering (SSR) and static site generation (SSG), and performance optimization. The file provides specific rules for code style, structure, naming conventions, and state management, including the usage of Svelte-specific constructs like reactive state declarations. It also covers UI styling using Tailwind CSS and Shadcn components, routing, forms, internationalization with Paraglide.js, and accessibility. Developers are encouraged to follow SvelteKit's project structure, leverage Svelte's SSR capabilities, and prioritize web performance metrics. Comprehensive documentation links are included for further reference.
|
|
|