Skip to main content

Week 2 Meetings and Activities

Project Sync Meeting 3

(June 10, 2025)

Attendees

Discussion

  • Shared progress on setting up the Next.js + pnpm environment and beginning the migration by porting key components, starting with the Header component.
  • Discussed the shift from React Bootstrap/Material UI to Tailwind CSS and Shadcn UI, weighing pros like performance, flexibility, and better alignment with React Server Components.
  • Tailwind’s utility-first approach, ease of customization, and smaller bundle size were key reasons for choosing it over Bootstrap.
  • After team discussion, Tailwind + Shadcn were finalized as the new UI CSS stack.
  • Discussed a roadmap for continuing the migration, integrating the new stack, and replacing legacy styles progressively.

FOSSology GSoC Weekly Meet

(June 12, 2025)

Attendees

Missed

Discussion

Mentors

Contributors

  • Tiyasa Kundu

    • Shared that I have started with the migration proces from React to Next.js.
    • Have successfully setup a basic Next.js development environment using pnpm.
    • Started transferring components and pages into the new setup, beginning the restructuring of the UI Layer.
    • Also mentioned spending some time learning the new framework and tooling to ensure a smoother migration process.
  • Other Contributors

    • Each contributor briefly shared their weekly progress and updates.

Activities Done in Week 2

  • Initiated the migration of the existing React codebase to Next.js.
  • Set up a basic Next.js development environment using pnpm.
  • Explored and understood core Next.js concepts, including project structure, routing, and component integration.
  • Began migrating components, starting with the Header component.

Next Steps

  • Complete the migration of the Header component and continue with the migration of remaining components.
  • Continue exploring and learning essential Next.js concepts to support the migration process.
  • Prioritize migrating the full React codebase to Next.js, retaining the existing React Bootstrap CSS for now.
  • Once the migration is stable, begin replacing Bootstrap styles with Tailwind CSS as part of implementing the new UI design.