/astro-cityjs-workshop

Primary LanguageAstro

🧑‍💻 Ship less JavaScript with Astro

Welcome to CityJS London/Singapore 🇬🇧/🇸🇬. This workshop will teach you the basics of Astro.

🤝 Workshop Overview

During the workshop we'll discuss the following topics:

  • Setting up a basic Astro project
  • Defining a Layout
  • Adding TailwindCSS
  • Creating routes
  • Creating server/API routes
  • Fetching data via REST and GraphQL
  • Adding Optimised Images

😊 Before the workshop

To have a smooth experience during the workshop, please make sure that you follow a few simple suggestions. Please make sure that your environment is setup with the appropriate version of Node.js installed (more details in the Setup section).

Please also make sure to have installed the following:

And have an account with the following providers:

On top of these, please have your favourite code editor and terminal ready.

🧮 Setup

Pre-requisites

  • Please make sure to run the latest available Node LTS (v18.x.x). (Use node -v to see the currently installed version)
  • Install the project dependencies by executing npm i in your terminal.

📚 Lessons

Please find the lesson plan for the workshop below.

📝 Note

There are some routes within this application (e.g. /graphql) which require a running GraphQL server. During the workshop some service endpoints will run locally on my machine and after the worskhop you'd have to use a different service, and/or create one on your own.

👋 Your Instructor

Feel free to connect with me - I'd be more than happy to answer questions related to Astro after the workshop as well.