Develop nextjs (#1090)

.env.demo

@@ -1,4 +1,4 @@
-PUBLIC_BASE_URL=http://localhost:5000
+PUBLIC_BASE_URL=https://api.credebl.id
 
 PUBLIC_CRYPTO_PRIVATE_KEY=dzIvVU5uMa0R3sYwdjEEuT4id17mPpjr
 
@@ -18,4 +18,10 @@ PUBLIC_PLATFORM_DOCS_URL=https://docs.credebl.id/en/intro/what-is-credebl/
 PUBLIC_PLATFORM_GIT=https://github.com/credebl
 PUBLIC_PLATFORM_TWITTER_URL="https://twitter.com/i/flow/login?redirect_after_login=%2Fcredebl"
 PUBLIC_PLATFROM_DISCORD_SUPPORT="https://discord.gg/w4hnQT7NJG"
-PUBLIC_ALLOW_DOMAIN="http://your-ip:5000 http://localhost:5000 http://localhost:5001 http://your-ip:5001 https://cdnjs.cloudflare.com https://tailwindcss.com https://fonts.googleapis.com https://fonts.gstatic.com https://avatars.githubusercontent.com https://flowbite-admin-dashboard.vercel.app/ http://your-ip:3001 http://localhost:3001 http://localhost:3000/certificates ws://your-ip:5000 ws://localhost:5000 https://rpc-amoy.polygon.technology/"
+PUBLIC_ALLOW_DOMAIN="http://your-ip:5000 http://localhost:5000 http://localhost:5001 http://your-ip:5001 https://cdnjs.cloudflare.com https://tailwindcss.com https://www.blockster.global https://www.ayanworks.com https://qaapi.credebl.id https://devapi.credebl.id https://api.credebl.id https://*.credebl.id https://fonts.googleapis.com https://fonts.gstatic.com https://avatars.githubusercontent.com https://dev-org-logo.s3.ap-south-1.amazonaws.com https://flowbite-admin-dashboard.vercel.app/ wss://devapi.credebl.id wss://qaapi.credebl.id wss://api.credebl.id wss://*.credebl.id https://qa.credebl.id https://dev.credebl.id https://credebl.id http://your-ip:3001 http://localhost:3001 http://localhost:3000/certificates ws://your-ip:5000 ws://localhost:5000 https://rpc-amoy.polygon.technology/"
+
+NEXT_PUBLIC_PUBLIC_PLATFORM_NAME=
+NEXTAUTH_URL=
+NEXTAUTH_SECRET=
+NEXTAUTH_COOKIE_DOMAIN=
+NEXTAUTH_PROTOCOL=

.eslintrc.cjs

@@ -27,7 +27,7 @@ module.exports = {
 				'react'
 			],
 
-			parser: ['@typescript-eslint/parser', 'babel-eslint'],
+			parser: '@typescript-eslint/parser',
 			parserOptions: {
 				project: ['./tsconfig.json'] /* Specify it only for TypeScript files */,
 				ecmaVersion: 'latest',
@@ -89,7 +89,7 @@ module.exports = {
 				'plugin:astro/recommended',
 				'prettier',
 			],
-			parser: ['astro-eslint-parser', 'babel-eslint'],
+			parser: 'astro-eslint-parser',
 			parserOptions: {
 				/* Prevents "unresolved" when using "paths" */
 				// project: ['./tsconfig.json'],

.github/workflows/deploy-dev.yml

@@ -0,0 +1,83 @@
+name: Deploy main branch to Deno
+on:
+ push:
+    branches: develop-nextjs
+ pull_request:
+    branches: develop-nextjs
+
+jobs:
+  deploy:
+    name: Deploy
+    runs-on: ubuntu-latest
+    permissions:
+      id-token: write # Needed for auth with Deno Deploy
+      contents: read # Needed to clone the repository
+
+    steps:
+      - name: Clone repository
+        uses: actions/checkout@v3
+
+      - name: Install Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: lts/*
+
+      - name: Create .env file
+
+        run: |
+
+         echo "NEXT_PUBLIC_MODE=PROD" > .env
+
+         echo "NEXT_PUBLIC_BASE_URL=${{ secrets.DEV_PUBLIC_BASE_URL }}" >> .env
+
+         echo "PUBLIC_SHOW_NAME_AS_LOGO=true" >> .env
+
+         echo "PUBLIC_PLATFORM_NAME=CREDEBL" >> .env
+
+         echo "PUBLIC_PLATFORM_LOGO=/images/CREDEBL_ICON.png" >> .env
+
+         echo "PUBLIC_POWERED_BY=Blockster Labs Pvt. Ltd" >> .env
+
+         echo "PUBLIC_PLATFORM_DOCS_URL=https://docs.credebl.id/docs" >> .env
+
+         echo "PUBLIC_PLATFORM_GIT=https://github.com/credebl" >> .env
+
+         echo "PUBLIC_PLATFORM_TWITTER_URL=https://twitter.com/i/flow/login?redirect_after_login=%2Fcredebl" >> .env
+
+         echo "PUBLIC_PLATFORM_DISCORD_SUPPORT=https://discord.gg/w4hnQT7NJG" >> .env
+
+         echo "PUBLIC_ALLOW_DOMAIN=${{ secrets.DEV_PUBLIC_ALLOW_DOMAIN }}" >> .env
+
+         echo "PUBLIC_POLYGON_MAINNET_URL=https://polygon-rpc.com/" >> .env
+
+         echo "PUBLIC_POLYGON_TESTNET_URL=https://rpc-amoy.polygon.technology" >> .env
+
+         echo "PUBLIC_ECOSYSTEM_FRONT_END_URL=https://ecosystem.credebl.id" >> .env
+
+         echo "PUBLIC_CREDEBL_FRONT_END_URL=https://credebl.id" >> .env
+
+         echo "PUBLIC_ECOSYSTEM_BASE_URL=${{ secrets.DEV_PUBLIC_ECOSYSTEM_BASE_URL }}" >> .env
+
+         echo "PUBLIC_PLATFORM_DISCORD_URL=https://discord.gg/w4hnQT7NJG" >> .env
+
+         echo "PUBLIC_REDIRECTION_TARGET_URL=https://social-share.credebl.id" >> .env
+
+         echo "PUBLIC_CRYPTO_PRIVATE_KEY=${{ secrets.DEV_PUBLIC_CRYPTO_PRIVATE_KEY }}" >> .env
+
+         echo "NEXT_PUBLIC_KEYCLOAK_MANAGEMENT_CLIENT_ID=${{ secrets.DEV_PUBLIC_KEYCLOAK_MANAGEMENT_CLIENT_ID }}" >> .env
+
+         echo "NEXT_PUBLIC_KEYCLOAK_MANAGEMENT_CLIENT_SECRET=${{ secrets.DEV_PUBLIC_KEYCLOAK_MANAGEMENT_CLIENT_SECRET }}" >> .env
+
+         echo "PUBLIC_REDIRECT_FROM_URL=https://credebl.id" >> .env
+
+      - name: Build step
+        run: npm install && npm run build # 📝 Update the build command(s)
+        working-directory: ./nextjs
+
+
+      - name: Upload to Deno Deploy
+        uses: denoland/deployctl@v1
+        with:
+          project: "studio-nextjs"
+          entrypoint: "jsr:@deno/nextjs-start/v15"
+          root: "./nextjs"

.github/workflows/deploy.yml

@@ -1,4 +1,4 @@
-name: Deploy main branch to Deno
+name: Deploy
 on:
   push:
     branches: main
@@ -9,73 +9,36 @@ jobs:
   deploy:
     name: Deploy
     runs-on: ubuntu-latest
+
     permissions:
       id-token: write # Needed for auth with Deno Deploy
       contents: read # Needed to clone the repository
 
     steps:
       - name: Clone repository
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
+
+      - name: Install Deno
+        uses: denoland/setup-deno@v2
+        with:
+          deno-version: v2.x
 
       - name: Install Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: lts/*
 
-      - name: Create .env file
-
-        run: |
-
-         echo "PUBLIC_MODE=PROD" > .env
-
-         echo "PUBLIC_BASE_URL=${{ secrets.PUBLIC_BASE_URL }}" >> .env
-
-         echo "PUBLIC_SHOW_NAME_AS_LOGO=true" >> .env
-
-         echo "PUBLIC_PLATFORM_NAME=CREDEBL" >> .env
-
-         echo "PUBLIC_PLATFORM_LOGO=/images/CREDEBL_ICON.png" >> .env
-
-         echo "PUBLIC_POWERED_BY=Blockster Labs Pvt. Ltd" >> .env
-
-         echo "PUBLIC_PLATFORM_DOCS_URL=https://docs.credebl.id/docs" >> .env
-
-         echo "PUBLIC_PLATFORM_GIT=https://github.com/credebl" >> .env
-
-         echo "PUBLIC_PLATFORM_TWITTER_URL=https://twitter.com/i/flow/login?redirect_after_login=%2Fcredebl" >> .env
-
-         echo "PUBLIC_PLATFROM_DISCORD_SUPPORT=https://discord.gg/w4hnQT7NJG" >> .env
-
-         echo "PUBLIC_ALLOW_DOMAIN=${{ secrets.PUBLIC_ALLOW_DOMAIN }}" >> .env
-
-         echo "PUBLIC_POLYGON_MAINNET_URL=https://polygon-rpc.com/" >> .env
-
-         echo "PUBLIC_POLYGON_TESTNET_URL=https://rpc-amoy.polygon.technology" >> .env
-
-         echo "PUBLIC_ECOSYSTEM_FRONT_END_URL=https://ecosystem.credebl.id" >> .env
-
-         echo "PUBLIC_CREDEBL_FRONT_END_URL=https://credebl.id" >> .env
-
-         echo "PUBLIC_ECOSYSTEM_BASE_URL=${{ secrets.PUBLIC_ECOSYSTEM_BASE_URL }}" >> .env
-
-         echo "PUBLIC_PLATFORM_DISCORD_URL=https://discord.gg/w4hnQT7NJG" >> .env
-
-         echo "PUBLIC_REDIRECTION_TARGET_URL=https://social-share.credebl.id" >> .env
-
-         echo "PUBLIC_CRYPTO_PRIVATE_KEY=${{ secrets.PUBLIC_CRYPTO_PRIVATE_KEY }}" >> .env
-
-         echo "PUBLIC_KEYCLOAK_MANAGEMENT_CLIENT_ID=${{ secrets.PUBLIC_KEYCLOAK_MANAGEMENT_CLIENT_ID }}" >> .env
-
-         echo "PUBLIC_KEYCLOAK_MANAGEMENT_CLIENT_SECRET=${{ secrets.PUBLIC_KEYCLOAK_MANAGEMENT_CLIENT_SECRET }}" >> .env
-
-         echo "PUBLIC_REDIRECT_FROM_URL=https://credebl.id" >> .env
+      - name: Install step
+        run: "npm install"
 
       - name: Build step
-        run: npm install && npm run build # 📝 Update the build command(s)
+        run: "npm run build"
 
       - name: Upload to Deno Deploy
         uses: denoland/deployctl@v1
         with:
-          project: "credebl-ui"             # Project name in Deno Deploy
-          entrypoint: "server/entry.mjs" # 📝 Update the entrypoint
-          root: "dist"
+          project: "studio-nextjs"
+          entrypoint: "jsr:@deno/nextjs-start/v15"
+          root: "./nextjs"
+
+

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+cd "$(dirname "$0")/.."  # Move to project root (outer folder)
+cd nextjs                # Move into Next.js folder
+npx lint-staged

nextjs/.eslintignore

@@ -0,0 +1,11 @@
+.next
+.cache
+package-lock.json
+public
+node_modules
+next-env.d.ts
+next.config.ts
+yarn.lock
+pnpm-lock.yaml
+src/components/ui/**
+/src/hooks/*