New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Proposal to Refactor Entire Frontend using React and Next.js #468
Comments
Could you also take charge of doing this, @matbrgz? |
Yes, Certainly! I'll be taking charge of the frontend migration and would like to initiate discussions on the technical considerations and potential technical debt associated with the proposed changes. Technical Considerations and Technical Debt:
Next Steps:
---Edit: |
@matbrgz, I like that you are enthusiastic about getting involved and I don't want to stop you from that. Personally I'm not interested in a migration to React, not long ago I rewrote the frontend already in Nuxt 3. Most of you points can also be realise in Nuxt, for example it can SSR and is also SEO friendly, but at the moment I don't see that both things a needed. The frontend was not made to share something public, so it don't need to be found by google. SSR is also not needed and by purpose I disable it. At the moment I can just embed the frontend in the binary, and no extra packages needs to be installed. To switch to tailwind, maybe also with daisyui I can image and if people are interested also in maintaining feature I have no problem with extending the frontend. Anyway ffpapi can act as a normal API, so everybody can write his one frontend. |
Overview:
The current frontend architecture may benefit from a complete refactor, transitioning to React.js with Next.js for improved performance, maintainability, and scalability.
Benefits:
Performance: React and Next.js offer optimized rendering and efficient client-side navigation, enhancing overall application performance.
Developer Experience: Modern frontend tooling, modular components, and a declarative approach to UI development can significantly improve the developer experience and code maintainability.
SEO Optimization: Next.js provides server-side rendering (SSR) out of the box, which contributes to better SEO performance and faster page loads.
Code Splitting: Next.js enables automatic code splitting, leading to smaller initial page loads and faster navigation between pages.
TypeScript Support: TypeScript can be seamlessly integrated into a React and Next.js setup, enhancing code quality through static typing.
Proposed Action:
Initiate a proof of concept (PoC) to demonstrate the benefits of refactoring the frontend using React and Next.js. This involves:
Setup: Create a new Next.js project and migrate a small part of the existing frontend to validate the feasibility.
Integration: Assess the integration of React and Next.js with the existing backend, ensuring a smooth transition without disrupting current functionalities.
Performance Metrics: Measure and document performance improvements using metrics such as page load times, rendering speed, and network requests.
Developer Feedback: Gather feedback from the development team on their experience with the new stack, including any challenges faced during the transition.
Stakeholder Review: Share the PoC results with stakeholders, highlighting the potential advantages and addressing any concerns or considerations.
Note:
This proposal is intended to kickstart discussions around the possibility of improving our frontend architecture. The PoC aims to provide tangible evidence of the benefits associated with migrating to React and Next.js.
The text was updated successfully, but these errors were encountered: