The notable features of the website include an in-house payment solution to reduce cash payments and processing fees, a parts picker (based on customer's home specifications), integration with Google Business (for reviews, location and hours), and a contact form with reCAPTCHA verification. Currently, I am working on releasing Quickbooks integration to production so that live inventory can be accurate on the website without any manual intervention.
Finding a secure host to serve both the frontend and backend was difficult. Keeping cost in mind, I decided to host the frontend in Netlify and the backend using a Docker container hosted in a load-balanced AWS Elastic Beanstalk instance. The backend uses ACM for certificate management, API Gateway for rate limiting and Supabase for the primary relational database.
The last aspect of the development process was search engine optimization (SEO). Since Ecofrost is a small business, it is important that they gain exposure through Google search results. One of the largest issues with React is that it renders on the client side, and thus appears to be an empty site for web crawlers. To improve SEO, I migrated the application to Next.js so that the website renders server side. There were many other optimizations such as integration with Google Business, mobile-responsiveness, keywords and performance tuning which help the business get more clicks.