https://github.com/kane50613/aws-community-day-taiwan-2023

AWS Community Day Taiwan 2023 Website Built with Astro
https://github.com/kane50613/aws-community-day-taiwan-2023

astro aws community-day react

Last synced: about 1 month ago
JSON representation

AWS Community Day Taiwan 2023 Website Built with Astro

• Host: GitHub
• URL: https://github.com/kane50613/aws-community-day-taiwan-2023
• Owner: kane50613
• Created: 2023-07-07T06:03:28.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2024-03-12T02:38:34.000Z (11 months ago)
• Last Synced: 2024-11-09T08:17:15.153Z (3 months ago)
• Topics: astro, aws, community-day, react
• Language: Astro
• Homepage: https://awscmd.tw
• Size: 9.05 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# AWS Community Day Taiwan 2023

We use astro to build this website and ❤️

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fkane50613%2Faws-community-day-taiwan-2023)

## Why Astro?

Our goal is to create the most SEO-optimized static website possible. We aim to construct a website primarily composed of static content, with the only interactive component being the [EmailForm](./src/components/EmailForm.tsx).

If we can achieve the developer experience (DX) of using React while also exporting all content as static HTML, it would be an ideal solution for us. This approach would significantly enhance our SEO and allow for faster page loading times.

Astro is the ideal choice for our needs. The [Astro Island](https://docs.astro.build/en/concepts/islands/#creating-an-island) feature ensures that the EmailForm component is hydrated only when it becomes visible in the browser, thereby ensuring that no JavaScript is loaded upon visiting the site.

![SERP](./serp.png)

The results clearly demonstrate that we've achieved our goals!

## To Deploy

To deploy the website to S3 and revalidate caches from CloudFront, run the following command:

```bash

pnpm run deploy

```

## To Develop

To start the development server, use the following command:

```bash

pnpm run dev

```