refac: migrate to nextjs

[sdankel]

This pull request introduces significant changes to migrate the project to Next.js, improve bundle size management, and enhance code quality. Key updates include configuring Next.js, adding a bundle size analysis workflow, and replacing react-router-dom with Next.js routing. Additionally, ESLint and Prettier configurations were updated to align with the new setup.

Migration to Next.js:

• Added a next.config.mjs file with configurations for strict mode, SWC minification, custom distDir, and environment variables (app/next.config.mjs).
• Replaced react-router-dom navigation with Next.js routing (useRouter and router.push) in components like PackageDashboard and App (app/src/features/dashboard/components/PackageDashboard.tsx, app/src/App.tsx). [1] [2]

Bundle size management:

• Added a GitHub Actions workflow to analyze and check bundle size during pull requests (.github/workflows/frontend-bundle-size-check.yml).
• Introduced a script to enforce bundle size limits (app/scripts/check-bundle-size.js).

Code quality improvements:

• Configured ESLint with rules for TypeScript, React, and Prettier integration (app/.eslintrc).
• Updated package.json to include Next.js-specific scripts and dependencies, removing unused libraries and adding new ones like cross-env and @next/eslint-plugin-next (app/package.json). [1] [2]

Component updates:

• Added use client directive to several components to enable client-side rendering with Next.js (app/src/app/page.tsx, app/src/features/detail/components/AbiContent.tsx). [1] [2]
• Refactored AbiContent to dynamically import ReactJsonView for server-side rendering compatibility (app/src/features/detail/components/AbiContent.tsx).

Miscellaneous:

• Added .next directory to .gitignore to exclude Next.js build artifacts (app/.gitignore).
• Updated .env.example with a new environment variable for the backend API URL (app/.env.example).

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
forc-pub	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Apr 26, 2025 0:34am

[JoshuaBatty]

LGTM

[zees-dev]

LGTM 👍

A few nits and/or minor issues.
The only potential higher-priority issue is using potentially unsupported/deprecated version node to build in CI - not a blocker though; can be addressed in future PRs.

[sdankel]

LGTM 👍

A few nits and/or minor issues. The only potential higher-priority issue is using potentially unsupported/deprecated version node to build in CI - not a blocker though; can be addressed in future PRs.

Thanks! I will address your comments in a future PR.