#Starlight

3 messages · Page 1 of 1 (latest)

hybrid anchor
#

I want to change the landing page from MDX to just straight up astro, sicne I don't want the mandatory title and etc on the page.

acoustic isleBOT
#

Hi @hybrid anchor. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:

#

Sure, you can definitely change your landing page from MDX to Astro. Here's a basic guide on how to do it:

  1. Rename your landing page file from .mdx to .astro. For example, if your landing page is index.mdx, rename it to index.astro.

  2. Remove any MDX-specific syntax from your file. This includes removing the frontmatter (the part between the --- lines at the top of the file) and any JSX components or JavaScript expressions.

  3. Write your page content using HTML and CSS. You can also use any JavaScript frameworks you prefer, as Astro supports many popular ones like React, Vue, and Svelte.

Here's an example of how your index.astro file might look:

<html lang="en">
  <head>
    <title>My Landing Page</title>
    <!-- Add any other head tags here -->
  </head>
  <body>
    <!-- Add your page content here -->
  </body>
</html>

Remember, Astro emphasizes minimized JavaScript usage and optimized loading times for an improved user experience. So, it's a good idea to keep your JavaScript usage to a minimum and focus on HTML and CSS.

For more information on how to use Astro, you can refer to the Astro documentation (https://docs.astro.build).

Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: