Setup

In this chapter, we will set up the Web Toolbox project.

Create Project

Run the following command to create a new Astro project:

npm create astro@latest web-toolbox
cd web-toolbox
npm install

Project Structure

The project structure will be:

web-toolbox/
├── src/
│   ├── pages/
│   ├── components/
│   └── layouts/
├── public/
└── package.json

Start Development Server

Run the following command to start the development server:

npm run dev

Open http://localhost:4321 in your browser to see the application.

Next Steps

In the next chapter, we will create the layout and navigation.