Créer un prompt pour lovable pour ne rien perdre en terme de SEO avant déploiement on est dans le cadre de la migration d'un site avec un SEO déjà...
Generated Prompt
## APPLICATION OVERVIEW This application is a web app designed to facilitate the SEO migration of an existing website with established SEO value. Its main purpose is to ensure that all SEO elements are preserved during the migration process, preventing any loss of traffic or rankings. ## CORE FEATURES 1. **SEO Audit Tool**: An interactive feature that analyzes the current website's SEO status, identifying key elements that need to be retained or improved during the migration. 2. **Migration Checklist**: A comprehensive checklist that guides users through the essential steps of the migration process, ensuring nothing is overlooked. 3. **URL Redirection Manager**: A tool for managing and implementing redirects from old URLs to new ones, preserving link equity and improving user experience. 4. **Performance Tracking Dashboard**: A dashboard displaying key performance indicators (KPIs) before and after migration, allowing users to monitor SEO health over time. 5. **Best Practices Guide**: A resource section containing articles and tips on SEO best practices during migrations, helping users make informed decisions. 6. **User Feedback Mechanism**: A feature that allows users to provide feedback on the application’s functionalities, ensuring continuous improvement based on user needs. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist, with a clean and simple design that incorporates ample white space to enhance readability and focus on content. The layout should be uncluttered, emphasizing essential features. - **Color Mode**: Light theme featuring dark text on light backgrounds to ensure high contrast and readability. - **Layout**: A responsive grid layout that adapts to different screen sizes, with a top navigation bar for easy access to core features and a sidebar for additional resources and tools. - **Typography**: Use a sans-serif font such as "Roboto" for body text and "Montserrat" for headings. Maintain a clear hierarchy with larger font sizes for headings, medium for subheadings, and regular weight for body text. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for a robust and scalable application architecture. - **Styling**: Tailwind CSS for utility-first styling, allowing rapid UI development with consistent design elements. - **UI Components**: Utilize shadcn/ui for pre-built, customizable components that align with the minimalist design aesthetic. - **State Management**: Implement Zustand or React Context API for simple and efficient state management throughout the application. ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS. 2. **Define Routing**: Use React Router to create routes for core features such as the SEO Audit Tool, Migration Checklist, URL Redirection Manager, and Performance Tracking Dashboard. 3. **Create Components**: Develop reusable components using shadcn/ui and Tailwind CSS, ensuring they align with the minimalist design principles. 4. **Implement State Management**: Set up Zustand or React Context API to manage and share state across components efficiently. 5. **Design the Layout**: Implement the responsive grid layout with a top navigation bar and sidebar, applying Tailwind CSS for styling. 6. **Develop Core Features**: Code each core feature, integrating necessary APIs and ensuring SEO best practices are highlighted and easily actionable. 7. **Test and Optimize**: Conduct thorough testing for responsiveness, usability, and performance, making adjustments as needed based on user feedback. ## USER EXPERIENCE Users will interact with the application through an intuitive interface where they can easily navigate between features. The SEO Audit Tool will provide immediate feedback on the current site setup, while the Migration Checklist will guide them through each step with checkable items. The URL Redirection Manager will enable users to input old and new URLs seamlessly, with visual cues for errors. The Performance Tracking Dashboard will offer a clear view of their SEO metrics, allowing users to assess the impact of their migration efforts easily. Overall, the application will ensure a smooth user experience with a focus on clarity and accessibility.
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
