O1SoftwareNetwork / repairs

0 stars 5 forks source link

Improve User Experience for navigating from landing page to form #22

Closed jaygabe closed 4 months ago

jaygabe commented 4 months ago

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.

jaygabe commented 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.