TODO 2: A Step-by-Step Guide

In this guide, you will learn how to TODO. You will go through the process of TODO.

Prerequisites

You'll need the following:

• Node.js 18 or later

Table Of Contents

• Create a new Astro application
• Build and Test your Astro application locally

Create a new Astro application

Let’s get started by creating a new Astro project. Execute the following command:

npm create astro@latest my-app

npm create astro is the recommended way to scaffold an Astro project quickly.

When prompted, choose:

• Empty when prompted on how to start the new project.
• Yes when prompted if plan to write Typescript.
• Strict when prompted how strict Typescript should be.
• Yes when prompted to install dependencies.
• Yes when prompted to initialize a git repository.

Once that’s done, you can move into the project directory and start the app:

cd my-app
npm run dev

The app should be running on localhost:4321.

Change TODO

TODO

---
import App from "./App.astro"; // [!code focus] // [!code ++]
---

<h1>Astro</h1>
<span>New</span> // [!code focus] // [!code ++]

Build and Test your Astro application locally

To test the application in application, prepare a build and run the preview server using the command below:

npm run build && npm run preview

Conclusion

In this guide, you learned how to TODO.