Merge pull request #39 from effectai/nuxt3

New website

.env.example

@@ -0,0 +1,6 @@
+FORCE_CONTRACT=force.efx
+EFX_TOKEN_CONTRACT=efx.token
+FEEPOOL_CONTRACT=feepool.efx
+DAO_PROPOSAL_CONTRACT=dao.proposal
+STATISTICS_CACHE_TIME_MS=600000
+EOS_RPC_URL=https://eos.greymass.com

.env.production

@@ -0,0 +1,6 @@
+FORCE_CONTRACT=force.efx
+EFX_TOKEN_CONTRACT=efx.token
+FEEPOOL_CONTRACT=feepool.efx
+DAO_PROPOSAL_CONTRACT=daoproposals
+STATISTICS_CACHE_TIME_MS=600000
+EOS_RPC_URL=https://eos.greymass.com

.github/workflows/ci.yml

@@ -14,7 +14,7 @@ jobs:
       - name: Setup Node
         uses: actions/[email protected]
         with:
-          node-version: '12.x'
+          node-version: '18.x'
 
       - name: Cache dependencies
         uses: actions/[email protected]
@@ -24,8 +24,8 @@ jobs:
           restore-keys: |
             ${{ runner.os }}-node-
 
-      - run: npm ci
-      - run: npm run generate
+      - run: yarn
+      - run: yarn generate
 
       - name: deploy
         uses: peaceiris/actions-gh-pages@v3

.gitignore

@@ -89,3 +89,6 @@ sw.*
 
 # Vim swap files
 *.swp
+
+.output
+.unlighthouse

.prettierrc

@@ -0,0 +1 @@
+{}

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+
+}

Dockerfile

@@ -6,6 +6,8 @@ WORKDIR /app
 
 # Install app dependencies
 COPY package*.json ./
+
+# Install dependencies
 RUN npm ci
 
 # Bundle app source

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Effect AI
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -1,41 +1,39 @@
 # [Effect Network Website](https://effect.network)
 
-This repo contains the source code for the Effect Network website. The website is built using [Nuxt.js](https://nuxtjs.org/).
+This repo contains the source code for the Effect Network website. Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
 
-## Development
+## Setup
 
-The node version needed for this project is **V12.X.Y**.
-[NVM](https://github.com/nvm-sh/nvm) can be used to set the correct Node version.
-A `.nvmrc` file is included in the project to make this easier.
-Just run the following command in the root of the project to set the correct Node version:
+Make sure to install the dependencies:
 
 ```bash
-nvm use
-```
+# npm
+npm install
 
-Docker is also provided to run the project locally. To run the project with Docker, run the following command in the root of the project:
+# pnpm
+pnpm install
 
-```bash
-docker-compose up
+# yarn
+yarn install
+
+# bun
+bun install
 ```
 
-The website will be available at [http://localhost:3000](http://localhost:3000).
+## Development Server
 
-## Build Setup
+Start the development server on `http://localhost:3000`:
 
 ```bash
-# install dependencies
-$ npm install
+# npm
+npm run dev
 
-# serve with hot reload at localhost:3000
-$ npm run dev
+# pnpm
+pnpm run dev
 
-# build for production and launch server
-$ npm run build
-$ npm run start
+# yarn
+yarn dev
 
-# generate static project
-$ npm run generate
+# bun
+bun run dev
 ```
-
-For a detailed explanation of how things work, check out [Nuxt.js docs](https://nuxtjs.org).

app.config.ts

@@ -0,0 +1 @@
+export default defineAppConfig({});

app.vue

@@ -0,0 +1,51 @@
+<template>
+  <NuxtLayout>
+    <NuxtPage />
+  </NuxtLayout>
+</template>
+
+<script setup lang="ts">
+onMounted(() => {
+  const nuxtApp = useNuxtApp();
+
+  useNuxtApp().$aos().init({
+    once: true,
+  });
+
+  nuxtApp.hook("page:finish", () => {
+    window.scrollTo(0, 0);
+  });
+});
+
+const description =
+  "Effect AI is the data network for training next-gen transparent AI models. Join the workforce by collecting and enriching datasets and get paid instantly.";
+
+useSeoMeta({
+  title: "Effect AI",
+  ogTitle: "Effect AI",
+  twitterTitle: "Effect AI",
+  ogDescription: description,
+  twitterDescription: description,
+  description,
+  ogImage: "https://effect.ai/logo.png",
+  twitterImage: "https://effect.ai/logo.png",
+
+  ogUrl: "https://effect.ai",
+  ogSiteName: "Effect AI",
+  ogType: "website",
+  twitterCard: "summary",
+});
+
+useHead({
+  htmlAttrs: {
+    lang: "en",
+  },
+  link: [
+    {
+      rel: "icon",
+      type: "image/png",
+      href: "/favicon.png",
+    },
+  ],
+});
+</script>