etoundi2nd / alvigene_next Goto Github PK

Start a new ruby on rails project on your own account.
Use that project to learn how to build and API only app with ruby on rails.
Once you are done, your next task will be to consume the data from that app from this alvigene NextJS app.

Follow this tutorials

https://duetcode.io/rails-api-only-course
https://www.youtube.com/watch?v=FJiIvFoxqsc

We need to able to search for products based on the Product.all cache list.
This means, we need to write the JSON for all products in a file programmactically. We should only update this file when updated_at for any product is changed.
When the user search for a product, we search data in this JSON. No requests sent to the server.
We also display results based on that JSON

j'ai erreur dans la console au niveau du debouncing c'est dans la page /app/ui/search.tsx.
il est dit que je dois appeler la hook debouncing dans une fonction

To achieve this, the user should be able to click on the ajouter au panier button.
This will send a post request to the Alvigene (rails) API on the OrdersItems controller.
The view should work exactly as it does in the Rails project right now. So use it as example

There should only be one component for the show page. Use the queries getProduct component to fetch the data for that page.

Consume the products API endpoint from the rails Alvigene project

We need to refresh the product cache on the NextJS project whenever changes are done on the Rails project.
This only concerns products for now, but the solution should be the same for other objects as well.

To make it work, I suggest 2 approaches:

1. Polling (Time-based revalidation): This consist in sending a request to the rails project at a given interval to see if there are changes. Use the update_at field to compare changes. If the updated_at is more recent that the one we on the NextJS project, we refresh the cache. Else, we do nothing

2. Webhooks (On-demand revalidation): This consist in sending a notification the NextJS project from the Rails project when changes are made.

learn more

https://nextjs.org/docs/app/building-your-application/data-fetching/fetching-caching-and-revalidating#revalidating-data

https://nextjs.org/docs/app/building-your-application/caching

Copy the current html site to the nextJS project.
It must work the same as in the current version.

Remove commented codes and unused files.