feat: website v3 (full rewrite)

.eslintrc.json

@@ -0,0 +1,3 @@
+{
+ "extends": "next/core-web-vitals"
+}

.github/workflows/deploy_preview.yaml

@@ -23,7 +23,7 @@ jobs:
  uses: actions/setup-node@v3
  with:
  cache: yarn
- node-version: 16
+ node-version: 18
 
  - run: corepack enable
 
@@ -40,4 +40,4 @@ jobs:
  accountId: 2238a825c5aca59233eab1f221f7aefb
  projectName: web3js-landing
  directory: ./build
- gitHubToken: ${{ secrets.GITHUB_TOKEN }}
+ gitHubToken: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/deploy_prod.yaml

@@ -27,7 +27,7 @@ jobs:
  uses: actions/setup-node@v3
  with:
  cache: yarn
- node-version: 16
+ node-version: 18
 
  - run: corepack enable
 
@@ -44,4 +44,4 @@ jobs:
 
  - name: Deploy to GitHub Pages
  id: deployment
- uses: actions/deploy-pages@v1
+ uses: actions/deploy-pages@v1

.gitignore

@@ -4,21 +4,33 @@
 /node_modules
 /.pnp
 .pnp.js
+.yarn/install-state.gz
 
 # testing
 /coverage
 
+# next.js
+/.next/
+/out/
+
 # production
 /build
 
 # misc
 .DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
+*.pem
 
+# debug
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
-.idea
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

next.config.mjs

@@ -0,0 +1,8 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+ output: 'export',
+ distDir: 'build',
+ reactStrictMode: true,
+};
+
+export default nextConfig;

package.json

@@ -1,62 +1,33 @@
 {
- "name": "web3js-landing",
+ "name": "web3js-website-next",
  "version": "0.1.0",
  "private": true,
- "homepage": "https://web3js.org",
+ "scripts": {
+ "dev": "next dev",
+ "build": "next build",
+ "start": "next start",
+ "lint": "next lint"
+ },
  "dependencies": {
- "@chainsafe/common-components": "^1.0.30",
- "@chainsafe/common-theme": "^1.0.10",
- "@lingui/babel-preset-react": "^2.9.2",
- "@lingui/cli": "^3.10.2",
- "@lingui/core": "^3.10.4",
- "@lingui/macro": "^3.10.2",
- "@lingui/react": "^3.10.2",
- "@types/react": "^17.0.19",
- "@types/react-dom": "^17.0.9",
- "@types/react-embed-gist": "^1.0.0",
- "clsx": "^1.1.1",
- "formik": "^2.2.9",
- "framer-motion": "4.1.17",
+ "@headlessui/react": "^2.1.2",
+ "@heroicons/react": "^2.1.4",
+ "framer-motion": "^11.2.13",
+ "next": "14.2.4",
  "query-registry": "^2.6.0",
- "react": "^17.0.2",
- "react-code-blocks": "^0.0.9-0",
- "react-dom": "^17.0.2",
- "react-embed-gist": "^1.0.12",
- "react-toast-notifications": "^2.5.1",
- "sass": "^1.54.9",
- "web-vitals": "^1.0.1"
+ "react": "^18",
+ "react-code-blocks": "^0.1.6",
+ "react-dom": "^18",
+ "react-intersection-observer": "^9.10.3"
  },
  "devDependencies": {
- "@testing-library/jest-dom": "^5.11.4",
- "@testing-library/react": "^11.1.0",
- "@testing-library/user-event": "^12.1.10",
- "react-app-rewired": "^2.2.1",
- "react-scripts": "^5.0.1",
- "typescript": "^4.3.5",
- "util": "^0.12.5"
- },
- "scripts": {
- "start": "react-app-rewired start",
- "build": "react-app-rewired build",
- "test": "react-app-rewired test",
- "eject": "react-app-rewired eject"
- },
- "eslintConfig": {
- "extends": [
- "react-app",
- "react-app/jest"
- ]
- },
- "browserslist": {
- "production": [
- ">0.2%",
- "not dead",
- "not op_mini all"
- ],
- "development": [
- "last 1 chrome version",
- "last 1 firefox version",
- "last 1 safari version"
- ]
+ "@types/node": "^20",
+ "@types/react": "^18",
+ "@types/react-dom": "^18",
+ "autoprefixer": "^10.4.19",
+ "eslint": "^8",
+ "eslint-config-next": "14.2.4",
+ "postcss": "^8.4.39",
+ "tailwindcss": "^3.4.4",
+ "typescript": "^5.3.3"
  }
 }

postcss.config.mjs

@@ -0,0 +1,8 @@
+/** @type {import('postcss-load-config').Config} */
+const config = {
+ plugins: {
+ tailwindcss: {},
+ },
+};
+
+export default config;