Deploy to Cloudflare Pages

.github/workflows/cf-deploy.yaml

@@ -0,0 +1,25 @@
+name: CloudFlare Deploy
+on: [push]
+
+jobs:
+  deploy:
+      runs-on: ubuntu-latest
+      permissions:
+        contents: read
+        deployments: write
+      steps:
+          - uses: actions/checkout@v3
+          - uses: actions/setup-node@v3
+            with:
+              cache: yarn
+              node-version: '18'
+          - run: yarn install --frozen-lockfile
+          - run: yarn build
+          - name: Publish to Cloudflare Pages
+            uses: cloudflare/pages-action@1
+            with:
+              apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
+              accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
+              projectName: lodestar-landing
+              directory: ./build
+              gitHubToken: ${{ secrets.GITHUB_TOKEN }}

src/app/layout.tsx

@@ -3,7 +3,7 @@ import localFont from 'next/font/local';
 import {Inconsolata} from 'next/font/google'
 import './globals.css'
 
-export const neueMontreal = localFont({
+const neueMontreal = localFont({
   weight: '400',
   src: [
     {
@@ -25,7 +25,7 @@ export const neueMontreal = localFont({
   variable: '--font-nm',
 });
 
-export const inconsolata = Inconsolata({ weight: ["400", "500"], subsets: ["latin"], variable: "--font-mono" } );
+const inconsolata = Inconsolata({ weight: ["400", "500"], subsets: ["latin"], variable: "--font-mono" } );
 
 
 export const metadata: Metadata = {

src/components/Loading/index.tsx

@@ -1,4 +1,5 @@
 "use client" 
+/* eslint-disable @next/next/no-img-element */
 
 import { stylesWithCssVar } from "@/utils/useCssVar";
 import { useScroll, useTransform, motion } from "framer-motion";
@@ -117,12 +118,12 @@ export const Loading = () => {
               "--scale": loadingScreenscale,
             })}
           >
-            <img src="/loading-screen.svg" className="h-auto w-full" />
+            <img src="/loading-screen.svg" className="h-auto w-full" alt="" />
             <motion.div
               // style={{ opacity: newBranchOpacity }}
               className="absolute inset-0"
             >
-              <img src="/main-screen.svg" className="h-auto w-full" />
+              <img src="/main-screen.svg" className="h-auto w-full" alt=""/>
             </motion.div>
             <motion.span
               className="mt-3 block text-2xl text-white"

src/components/ShrinkLogoOnScroll/index.tsx

@@ -1,4 +1,5 @@
 "use client" 
+/* eslint-disable @next/next/no-img-element */
 
 import { stylesWithCssVar } from "@/utils/useCssVar";
 import { useScroll, useTransform, motion } from "framer-motion";
@@ -64,7 +65,7 @@ export const ShrinkLogoOnScroll = () => {
               "--x": logoX
             })}
           >
-            <img src="/logo.png" className="h-auto w-[80%]" />
+            <img src="/logo.png" className="h-auto w-[80%]" alt=""/>
 
           </motion.div>
         </div>

src/sections/LearnMore/index.tsx

@@ -1,8 +1,6 @@
 /* eslint-disable @next/next/no-img-element */
 "use client"
-import Button from "@/components/Button"
 import YoutubeEmbed from "@/components/YoutubeEmbed"
-import { IconArrowUpRight } from "@tabler/icons-react"
 
 const processes = [
   {