Closed jaygabe closed 4 months ago
From all the resources I've explored, it seems using query strings to pass this data is a solid approach. There is a method in the next.js documentation that uses route handlers for this functionality, but the way we're doing things is working right now, so we'll keep it the same way.
Right now, when you land on the landing page and select "Get a Repair" you navigate to pages that allow you to select a device, a manufacturer, and a model. Moving through this process is very slow.
I brute forced a solution just to get the functionality working because I was more focused on the form then the user flow leading up to it, so this needs improvement 100%. When you click a device, the load and redirect to choose a manufacturer should be lightning fast.
If you look inside the
app/src/devices
directory, you'll find the functionality I used to make this navigation from the landing page to the form possible. I want to keep the flow leading up to the form server-side rendered because we need a larger user interface surface maximized for SEO. Once you reach the form, it becomes client-side.