chore: modify deploy (#54)

* fix: the error width

* chore: modified deploy process

Author: qinluhe

.github/workflows/deploy.yml

@@ -0,0 +1,86 @@
+name: Deploy
+
+on:
+  push:
+    branches:
+      - build/test
+  workflow_dispatch:
+    inputs:
+      environment:
+        description: 'Environment'
+        required: true
+        default: 'test'
+env:
+  NODE_VERSION: "18.16.0"
+  PNPM_VERSION: "8.5.0"
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: setup node
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+      - name: setup pnpm
+        uses: pnpm/action-setup@v2
+        with:
+          version: ${{ env.PNPM_VERSION }}
+      - name: Node_modules cache
+        uses: actions/cache@v2
+        with:
+          path: node_modules
+          key: node-modules-${{ runner.os }}
+      - name: install dependencies
+        run: |
+          pnpm install
+      - name: generate env file (Test)
+        if: github.event.inputs.environment == 'test' || github.ref == 'refs/heads/build/test'
+        run: |
+          echo "NODE_ENV=production" > .env
+          echo "ENVIRONMENT=test" > .env
+          echo "NEXT_PUBLIC_API_KEY=${{ secrets.TEXT_NEXT_PUBLIC_API_KEY }}" >> .env
+          echo "NEXT_PUBLIC_GA_MEASUREMENT_ID=${{ secrets.TEXT_NEXT_PUBLIC_GA_MEASUREMENT_ID }}" >> .env
+      - name: generate env file (Prod)
+        if: github.event.inputs.environment == 'prod'
+        run: |
+          echo "NODE_ENV=production" > .env
+          echo "ENVIRONMENT=production" > .env
+          echo "NEXT_PUBLIC_API_KEY=${{ secrets.PROD_NEXT_PUBLIC_API_KEY }}" >> .env
+          echo "NEXT_PUBLIC_GA_MEASUREMENT_ID=${{ secrets.PROD_NEXT_PUBLIC_GA_MEASUREMENT_ID }}" >> .env
+      - name: build
+        run: |
+          pnpm run build
+      - name: Archive build output
+        run: |
+          tar -czf build-output.tar.gz .next .env public Dockerfile supervisord.conf next.config.js env.js node_modules package.json
+
+      - name: Deploy to EC2 (Test)
+        if: github.event.inputs.environment == 'test' || github.ref == 'refs/heads/build/test'
+        uses: easingthemes/ssh-deploy@main
+        with:
+          SSH_PRIVATE_KEY: ${{ secrets.TEST_SSH_PRIVATE_KEY }}
+          ARGS: "-rlgoDzvc -i"
+          SOURCE: build-output.tar.gz deploy.sh
+          TARGET: /home/${{ secrets.TEST_SSH_USER }}/appflowy.io
+          REMOTE_HOST: ${{ secrets.TEST_SSH_HOST }}
+          REMOTE_USER: ${{ secrets.TEST_SSH_USER }}
+          SCRIPT_AFTER: |
+            cd appflowy.io
+            chmod +x deploy.sh
+            sh deploy.sh
+      - name: Deploy to EC2 (Prod)
+        if: github.event.inputs.environment == 'prod'
+        uses: easingthemes/ssh-deploy@main
+        with:
+          SSH_PRIVATE_KEY: ${{ secrets.PROD_SSH_PRIVATE_KEY }}
+          ARGS: "-rlgoDzvc -i"
+          TARGET: /home/${{ secrets.PROD_SSH_USER }}/appflowy.io
+          SOURCE: build-output.tar.gz deploy.sh
+          REMOTE_HOST: ${{ secrets.PROD_SSH_HOST }}
+          REMOTE_USER: ${{ secrets.PROD_SSH_USER }}
+          SCRIPT_AFTER: |
+            cd appflowy.io
+            chmod +x deploy.sh
+            sh deploy.sh

.github/workflows/deploy_dev.yml

@@ -0,0 +1,17 @@
+# Use the official Node.js image as a base image
+FROM node:18
+
+RUN apt-get update && apt-get install -y supervisor
+
+# Create and change to the app directory
+WORKDIR /app
+
+COPY . .
+
+COPY supervisord.conf /app/supervisord.conf
+
+RUN chmod +x /app/supervisord.conf
+
+EXPOSE 3000
+
+CMD ["supervisord", "-c", "/app/supervisord.conf"]

.github/workflows/deploy_prod.yml

@@ -4,16 +4,13 @@ import ExpireDescription from '@/components/invitation/expired-description';
 import InviteOwner from '@/components/invitation/invite-owner';
 import InviteWorkspace from '@/components/invitation/invite-workspace';
 import '@/styles/invitation.scss';
-import { Poppins } from 'next/font/google';
 import Image from 'next/image';
 import Link from 'next/link';
 import NextTopLoader from 'nextjs-toploader';
 
-const poppins = Poppins({ subsets: ['latin'], weight: ['400', '500', '600', '700'] });
-
 function Page() {
   return (
-    <div className={`expired-page ${poppins.className}`}>
+    <div className={`expired-page`}>
       <NextTopLoader showSpinner={false} color={'#9327FF'} />
       <div className={'header'}>
         <div className={'logo-wrapper'}>

Dockerfile

@@ -1,15 +1,12 @@
 import './globals.scss';
 import type { Metadata } from 'next';
-import { Inter } from 'next/font/google';
 import Favicon from '../public/favicon.ico';
 import OpenGraph from '../public/images/og-image.png';
 import App from '@/components/layout/app';
 import { getModeForServer } from '@/lib/get-theme';
 import { getGitData } from '@/lib/get-git';
 import { getUAFromServer } from '@/lib/get-os';
 
-const inter = Inter({ subsets: ['latin'] });
-
 export const metadata: Metadata = {
   title: 'AppFlowy.IO',
   description: 'AppFlowy is an AI collaborative workspace where you achieve more without losing control of your data',
@@ -44,7 +41,7 @@ export default async function RootLayout({ children }: { children: React.ReactNo
 
   return (
     <html lang='en' className={mode}>
-      <body id={'body'} className={inter.className}>
+      <body id={'body'}>
         <App ua={ua} gitData={gitData} mode={mode}>
           {children}
         </App>

app/invitation/expired/page.tsx

@@ -7,12 +7,9 @@ import darkIcon1 from '@/assets/images/download/dark/icon-1.png';
 import darkIcon2 from '@/assets/images/download/dark/icon-2.png';
 import darkIcon3 from '@/assets/images/download/dark/icon-3.png';
 import { downloadPageConfig } from '@/lib/config/pages';
-import { Manrope } from 'next/font/google';
 import { useDarkContext } from '@/lib/hooks/use-dark-context';
 import { motion, useMotionValue, useSpring } from 'framer-motion';
 
-const manrope = Manrope({ subsets: ['latin'] });
-
 function OverTitle({ title }: { title: string }) {
   const dark = useDarkContext();
   const ref = useRef<HTMLDivElement>(null);
@@ -56,7 +53,7 @@ function OverTitle({ title }: { title: string }) {
       const currentScrollTop = document.documentElement.scrollTop;
 
       const scrollDistance = -(currentScrollTop - diff) * delta;
-      
+
       if (Math.abs(scrollDistance) > scrollWidth / 2) {
         return;
       }
@@ -99,9 +96,10 @@ function OverTitle({ title }: { title: string }) {
     <motion.div
       style={{
         x,
+        fontFamily: 'Manrope',
       }}
       ref={ref}
-      className={`translate-z-0 over-title transform ${manrope.className}`}
+      className={`translate-z-0 over-title transform`}
     >
       <div className={`title-text`}>{title}</div>
       <div className={'icons'}>

app/layout.tsx

@@ -0,0 +1,15 @@
+#!/bin/bash
+
+rm -rf .next .env public Dockerfile supervisord.conf package.json next.config.js env.js node_modules
+
+tar -xzf build-output.tar.gz
+
+rm build-output.tar.gz
+
+docker system prune -f
+
+docker build -t official-website-app .
+
+docker rm -f official-website-app || true
+
+docker run -d --env-file .env -p 30013:3000 --restart always --name official-website-app official-website-app

aws-upload.js

@@ -1,7 +1,22 @@
 const path = require('path');
+
+try {
+  require('./env.js');
+} catch (e) {
+  console.log('Error loading .env file');
+}
+
 const isProd = process.env.NODE_ENV === 'production';
 const environment = process.env.ENVIRONMENT || 'development';
-require('./env');
+
+let assetPrefix = undefined;
+if (isProd) {
+  if (environment === 'production') {
+    assetPrefix = 'https://appflowy.io';
+  } else if (environment === 'test') {
+    assetPrefix = 'https://test.appflowy.io';
+  }
+}
 const securityHeaders = [
   {
     key: 'X-Frame-Options',
@@ -43,12 +58,13 @@ const rewrites = () => {
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: false,
+
   sassOptions: {
     includePaths: [path.join(__dirname, 'styles')],
   },
 
   // Use the CDN in production and localhost for development.
-  assetPrefix: isProd ? `https://d3uafhn8yrvdfn.cloudfront.net/website/${environment}` : undefined,
+  assetPrefix,
   rewrites,
   images: {
     remotePatterns: [