feat: sync assets to s3

Author: imrim12

.github/workflows/deploy.yml

@@ -33,8 +33,18 @@ jobs:
       - name: Pull Vercel Environment Information
         run: npx vercel pull .env --yes --environment=production --token=${{ secrets.VERCEL_TOKEN }}
 
+      - name: Configure AWS Credentials
+        uses: aws-actions/configure-aws-credentials@v4
+        with:
+          aws-access-key-id: ${{ secrets.AWS_S3_ACCESS_KEY }}
+          aws-secret-access-key: ${{ secrets.AWS_S3_SECRET_ACCESS_KEY }}
+          aws-region: ${{ secrets.AWS_S3_REGION }}
+
       - name: Build Project Artifacts
         run: npx vercel build --yes --prod --token=${{ secrets.VERCEL_TOKEN }}
 
+      - name: Upload assets to S3
+        run: aws s3 sync ./dist s3://${{ secrets.AWS_S3_BUCKET }}/assets --delete
+
       - name: Deploy Project Artifacts to Vercel
         run: npx vercel deploy --prebuilt --prod --token=${{ secrets.VERCEL_TOKEN }}

.github/workflows/preview.yml

@@ -33,8 +33,18 @@ jobs:
       - name: Pull Vercel Environment Information
         run: npx vercel env pull .env --yes --environment=preview --git-branch=next --token=${{ secrets.VERCEL_TOKEN }}
 
+      - name: Configure AWS Credentials
+        uses: aws-actions/configure-aws-credentials@v4
+        with:
+          aws-access-key-id: ${{ secrets.AWS_S3_ACCESS_KEY }}
+          aws-secret-access-key: ${{ secrets.AWS_S3_SECRET_ACCESS_KEY }}
+          aws-region: ${{ secrets.AWS_S3_REGION }}
+
       - name: Build Project Artifacts
         run: npx vercel build --yes --token=${{ secrets.VERCEL_TOKEN }}
 
+      - name: Upload assets to S3
+        run: aws s3 sync ./dist s3://${{ secrets.AWS_S3_BUCKET }}/assets --delete
+
       - name: Deploy Project Artifacts to Vercel
         run: npx vercel deploy --prebuilt --token=${{ secrets.VERCEL_TOKEN }}

app/pages/blog/[slug].vue

@@ -10,7 +10,7 @@ const route = useRoute()
 
 const { data: post } = await useAsyncData(route.path, () => queryContent<BlogPost>(route.path).findOne())
 if (!post.value) {
-  throw createError({ statusCode: 404, statusMessage: 'Post not found', fatal: true })
+  throw createError({ statusCode: 404, statusMessage: 'Post not found' })
 }
 
 const { data: surround } = await useAsyncData(`${route.path}-surround`, () => queryContent('/blog')

app/pages/blog/index.vue

@@ -7,7 +7,7 @@ definePageMeta({
 
 const { data: page } = await useAsyncData('blog', () => queryContent('/blog').findOne())
 if (!page.value) {
-  throw createError({ statusCode: 404, statusMessage: 'Page not found', fatal: true })
+  throw createError({ statusCode: 404, statusMessage: 'Page not found' })
 }
 
 const { data: posts } = await useAsyncData('posts', () => queryContent<BlogPost>('/blog')

app/pages/docs/[...slug].vue

@@ -9,7 +9,7 @@ const route = useRoute()
 
 const { data: page } = await useAsyncData(route.path, () => queryContent(route.path).findOne())
 if (!page.value) {
-  throw createError({ statusCode: 404, statusMessage: 'Page not found', fatal: true })
+  throw createError({ statusCode: 404, statusMessage: 'Page not found' })
 }
 
 const { data: surround } = await useAsyncData(`${route.path}-surround`, () => queryContent('/docs')

app/pages/index.vue

@@ -5,7 +5,7 @@ definePageMeta({
 
 const { data: page } = await useAsyncData('index', () => queryContent('/').findOne())
 if (!page.value) {
-  throw createError({ statusCode: 404, statusMessage: 'Page not found', fatal: true })
+  throw createError({ statusCode: 404, statusMessage: 'Page not found' })
 }
 
 useSeoMeta({

app/pages/pricing.vue

@@ -5,7 +5,7 @@ definePageMeta({
 
 const { data: page } = await useAsyncData('pricing', () => queryContent('/pricing').findOne())
 if (!page.value) {
-  throw createError({ statusCode: 404, statusMessage: 'Page not found', fatal: true })
+  throw createError({ statusCode: 404, statusMessage: 'Page not found' })
 }
 
 useSeoMeta({