Skip to content

chore: initialization of the website rebuild to nextjs in the nextjs folder#1

Merged
danielmarv merged 5 commits intonext-js-migrationfrom
daniel-dev-rebuild
Mar 9, 2026
Merged

chore: initialization of the website rebuild to nextjs in the nextjs folder#1
danielmarv merged 5 commits intonext-js-migrationfrom
daniel-dev-rebuild

Conversation

@danielmarv
Copy link
Copy Markdown
Member

@danielmarv danielmarv commented Mar 8, 2026

Description

This pull request sets up a new Next.js project with TypeScript, Tailwind CSS, and essential tooling for development, linting, and formatting. It includes initial configuration files, a basic homepage, and documentation to help get started. The changes are grouped below by theme.

Project Initialization and Configuration

  • Added a new nextjs/package.json with scripts for development, build, start, and linting, and dependencies for Next.js, React, Tailwind CSS, TypeScript, and ESLint.
  • Created nextjs/tsconfig.json for TypeScript configuration, enabling strict type-checking and Next.js plugin support.
  • Added nextjs/next.config.ts to define (currently empty) Next.js configuration options.
  • Introduced nextjs/eslint.config.mjs to configure ESLint with Next.js and TypeScript support.
  • Added nextjs/postcss.config.mjs for PostCSS, enabling Tailwind CSS integration.
  • Included a .gitignore to exclude build artifacts, dependencies, and environment files.
  • Updated .codacy.yaml to exclude pnpm-lock.yaml from code analysis.
  • Added nextjs/pnpm-workspace.yaml to ignore certain dependencies in the workspace.

Styling and Fonts

  • Added nextjs/app/globals.css to set up Tailwind CSS, custom CSS variables for light/dark mode, and font families.
  • Updated nextjs/app/layout.tsx to import fonts (Geist and Geist_Mono), apply them globally, and define basic metadata.

App Structure and Content

  • Added a basic homepage in nextjs/app/page.tsx with Next.js and Vercel branding, links to documentation, and instructions to get started.

Documentation

  • Created nextjs/README.md with instructions for development, editing, learning resources, and deployment guidance.

Changes Made

  • Added...
  • Modified...
  • Fixed...

Related Issues

Screenshots (if applicable)

Checklist

  • Tests added/updated
  • Documentation updated
  • Linting passes
  • Branch up-to-date with main

Deployment Notes

https://github.com/OpenElements/Hiero-Funding/issues/24

…folder

Signed-off-by: Daniel Ntege <danientege785@gmail.com>
…folder

Signed-off-by: Daniel Ntege <danientege785@gmail.com>
Copilot AI review requested due to automatic review settings March 8, 2026 20:08
@danielmarv danielmarv changed the title Daniel dev rebuild chore: initialization of the website rebuild to nextjs in the nextjs folder Mar 8, 2026
Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR introduces a new nextjs/ Next.js app (App Router) into the repo, including TypeScript + Tailwind setup and baseline lint/build tooling to support a rebuild/dev workflow.

Changes:

  • Added a standalone Next.js project under nextjs/ with TS config, ESLint flat config, PostCSS/Tailwind setup, and pnpm lock/workspace metadata.
  • Implemented initial App Router structure (app/layout.tsx, app/page.tsx, app/globals.css) plus favicon.
  • Added repository tooling/config updates (.codacy.yaml) and project docs/ignores.

Reviewed changes

Copilot reviewed 12 out of 15 changed files in this pull request and generated 3 comments.

Show a summary per file
File Description
nextjs/package.json Defines the Next.js app package scripts and dependencies.
nextjs/pnpm-lock.yaml Locks resolved dependency versions for reproducible installs.
nextjs/tsconfig.json TypeScript configuration for the Next.js app.
nextjs/eslint.config.mjs ESLint flat config using Next.js presets and ignores.
nextjs/postcss.config.mjs PostCSS config enabling Tailwind integration.
nextjs/pnpm-workspace.yaml pnpm workspace settings (ignored build deps).
nextjs/next.config.ts Baseline Next.js config scaffold.
nextjs/app/layout.tsx Root layout and font setup for the App Router.
nextjs/app/page.tsx Initial homepage UI/content.
nextjs/app/globals.css Tailwind import + theme tokens + global styles.
nextjs/app/favicon.ico Adds an app-level favicon.
nextjs/global.d.ts Adds CSS module typing shim.
nextjs/README.md Starter documentation for running and learning Next.js.
nextjs/.gitignore Ignores build artifacts and environment files for the Next app.
.codacy.yaml Excludes the Next.js pnpm lockfile from Codacy analysis.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

You can also share your feedback on Copilot code review. Take the survey.

Comment on lines +7 to +50
<Image
className="dark:invert"
src="/next.svg"
alt="Next.js logo"
width={100}
height={20}
priority
/>
<div className="flex flex-col items-center gap-6 text-center sm:items-start sm:text-left">
<h1 className="max-w-xs text-3xl font-semibold leading-10 tracking-tight text-black dark:text-zinc-50">
To get started, edit the page.tsx file.
</h1>
<p className="max-w-md text-lg leading-8 text-zinc-600 dark:text-zinc-400">
Looking for a starting point or more instructions? Head over to{" "}
<a
href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
className="font-medium text-zinc-950 dark:text-zinc-50"
>
Templates
</a>{" "}
or the{" "}
<a
href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
className="font-medium text-zinc-950 dark:text-zinc-50"
>
Learning
</a>{" "}
center.
</p>
</div>
<div className="flex flex-col gap-4 text-base font-medium sm:flex-row">
<a
className="flex h-12 w-full items-center justify-center gap-2 rounded-full bg-foreground px-5 text-background transition-colors hover:bg-[#383838] dark:hover:bg-[#ccc] md:w-[158px]"
href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
target="_blank"
rel="noopener noreferrer"
>
<Image
className="dark:invert"
src="/vercel.svg"
alt="Vercel logomark"
width={16}
height={16}
/>
Copy link

Copilot AI Mar 8, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

next/image is rendering /next.svg and /vercel.svg, but there is no nextjs/public/ directory (or these SVG files) in this PR. This will 404 at runtime and can fail builds depending on how images are handled. Add the referenced assets under nextjs/public/ or update the page to use assets that actually exist (or remove the images).

Copilot uses AI. Check for mistakes.

# typescript
*.tsbuildinfo
next-env.d.ts
Copy link

Copilot AI Mar 8, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

tsconfig.json includes next-env.d.ts, but that file is not added in this PR, and it is also listed in .gitignore (so it won’t be committed if generated). In Next.js TypeScript projects this file is typically checked in to provide the /// <reference types="next" /> and related global typings. Add nextjs/next-env.d.ts and remove it from nextjs/.gitignore so new clones get correct TS types without needing a first run.

Suggested change
next-env.d.ts

Copilot uses AI. Check for mistakes.
body {
background: var(--background);
color: var(--foreground);
font-family: Arial, Helvetica, sans-serif;
Copy link

Copilot AI Mar 8, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

layout.tsx sets up Geist font variables, but globals.css hard-codes body { font-family: Arial, Helvetica, sans-serif; }, which prevents the Geist fonts from being applied globally (unless every page/component explicitly adds font-sans). To make the configured fonts take effect app-wide, update the global body font-family to use the Geist CSS variable (or add the appropriate Tailwind font class on <body> and avoid overriding it in CSS).

Suggested change
font-family: Arial, Helvetica, sans-serif;
font-family: var(--font-geist-sans);

Copilot uses AI. Check for mistakes.
Copy link
Copy Markdown
Member

@Jexsie Jexsie left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks @danielmarv, just a few comments

"eslint": "^9",
"eslint-config-next": "16.1.6",
"tailwindcss": "^4",
"typescript": "^5"
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Would be nice if we hav all the minor version added here

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Since the configuration files are utilizing ES6 syntax, it would be more consistent to define"type": "module" in the project settings. This allows us to remove the .m extension from the filenames while maintaining native module support

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is this something scraped just for the start? What is the source here?

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I dont think we need this file since this won't be a monorepo

…folder

Signed-off-by: Daniel Ntege <danientege785@gmail.com>
Signed-off-by: Daniel Ntege <danientege785@gmail.com>
Signed-off-by: Daniel Ntege <danientege785@gmail.com>
@danielmarv danielmarv requested a review from Jexsie March 9, 2026 13:57
@danielmarv danielmarv merged commit 201c8b6 into next-js-migration Mar 9, 2026
1 of 2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants