move static assets to cdn

amplify.yml

@@ -0,0 +1,16 @@
+version: 1
+frontend:
+  phases:
+    preBuild:
+      commands:
+        - nvm use 18
+        - corepack enable
+        - npx --yes nypm i
+    build:
+      commands:
+        - yarn run build
+        - aws s3 sync .amplify-hosting/static/_nuxt/ s3://is-smm-beaten-yet-public-data/_nuxt/
+  artifacts:
+    baseDirectory: .amplify-hosting
+    files:
+      - '**/*'

constants/levelData.ts

@@ -1,5 +1,4 @@
-export const DATA_ROOT_URL =
-  'https://is-smm-beaten-yet-public-data.s3.us-west-2.amazonaws.com/levels';
+export const DATA_ROOT_URL = 'https://static.issmmbeatenyet.com/levels';
 
 export const COUNTRIES = [
   { value: 'JP', name: 'Japan' },

nuxt.config.ts

@@ -2,6 +2,9 @@ import colors from 'tailwindcss/colors';
 
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
+  app: {
+    cdnURL: 'https://static.issmmbeatenyet.com/',
+  },
   devtools: { enabled: true },
   css: [
     '~/assets/css/main.scss',

pages/index.vue

@@ -76,20 +76,21 @@ $size: 30px;
 
 <script setup lang="ts">
 import { SMM_YELLOW } from '~/constants/colors';
+import marioPng from '~/assets/img/mario.png';
 
 useSeoMeta({
   title: 'Is Super Mario Maker Beaten Yet?',
   ogTitle: 'Is Super Mario Maker Beaten Yet?',
   description: 'Click here to find out!',
   ogDescription: 'Click here to find out!',
   ogImage: {
-    url: 'https://www.issmmbeatenyet.com/img/mario.png',
+    url: marioPng,
     width: 775,
     height: 775,
     alt: 'Mario in a builder outfit',
     type: 'image/png',
   },
-  ogImageSecureUrl: 'https://www.issmmbeatenyet.com/img/mario.png',
+  ogImageSecureUrl: marioPng,
   twitterCard: 'summary_large_image',
   themeColor: SMM_YELLOW,
 });