Sitemap Setup

Add a sitemap.xml file to my app that includes all public pages.
The sitemap should be accessible at /sitemap.xml and include:
- The homepage (/)
- All public routes in my app
- Proper lastmod dates
- Use my custom domain: https://yourdomain.com

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>https://yourdomain.com/</loc>
    <lastmod>2024-01-15</lastmod>
    <priority>1.0</priority>
  </url>
  <url>
    <loc>https://yourdomain.com/about</loc>
    <priority>0.8</priority>
  </url>
  <url>
    <loc>https://yourdomain.com/pricing</loc>
    <priority>0.9</priority>
  </url>
  <url>
    <loc>https://yourdomain.com/contact</loc>
    <priority>0.7</priority>
  </url>
</urlset>

Create a sitemap.xml that lists all public pages in my app.
Include the homepage and all routes. Use https://yourdomain.com as the domain.

import { MetadataRoute } from 'next'

export default function sitemap(): MetadataRoute.Sitemap {
  return [
    {
      url: 'https://yourdomain.com',
      lastModified: new Date(),
      priority: 1,
    },
    {
      url: 'https://yourdomain.com/about',
      lastModified: new Date(),
      priority: 0.8,
    },
    // Add all your pages here
  ]
}

app.get('/sitemap.xml', (req, res) => {
  res.type('application/xml');
  res.send(`<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>https://yourdomain.com/</loc>
    <priority>1.0</priority>
  </url>
  <!-- Add more URLs -->
</urlset>`);
});

<loc>https://myapp.lovable.app/about</loc>

<loc>https://myapp.com/about</loc>