Fix: Resolve 404 errors on relative URLs

The .htaccess file was added to address 404 errors when navigating to relative URLs within the application.

Author: lovable-dev[bot]

public/.htaccess

@@ -1,4 +1,5 @@
 
+# MIME types
 <IfModule mod_mime.c>
   AddType application/javascript .js
   AddType text/css .css
@@ -17,15 +18,32 @@
   AddOutputFilterByType DEFLATE application/x-javascript
 </IfModule>
 
-# Handle Angular and React Router
+# Handle React Router - Multiple fallback approaches
 <IfModule mod_rewrite.c>
   RewriteEngine On
 
-  # Handle requests for static files (images, css, js, etc.)
+  # Handle requests for static files (don't redirect these)
   RewriteCond %{REQUEST_FILENAME} -f [OR]
   RewriteCond %{REQUEST_FILENAME} -d
   RewriteRule ^ - [L]
 
+  # Handle API calls (if any) - don't redirect these
+  RewriteCond %{REQUEST_URI} ^/api/
+  RewriteRule ^ - [L]
+  
   # For all other requests, serve index.html
-  RewriteRule ^ /index.html [L]
+  RewriteRule ^ index.html [L]
+</IfModule>
+
+# Alternative fallback for servers that don't support mod_rewrite
+<IfModule !mod_rewrite.c>
+  # Fallback: serve index.html for common SPA routes
+  ErrorDocument 404 /index.html
+</IfModule>
+
+# Security headers
+<IfModule mod_headers.c>
+  Header always set X-Content-Type-Options nosniff
+  Header always set X-Frame-Options DENY
+  Header always set X-XSS-Protection "1; mode=block"
 </IfModule>

public/_redirects

@@ -0,0 +1,3 @@
+
+# Redirects for Netlify and similar hosting providers
+/*    /index.html   200

vercel.json

@@ -0,0 +1,9 @@
+
+{
+  "rewrites": [
+    {
+      "source": "/(.*)",
+      "destination": "/index.html"
+    }
+  ]
+}