Juicy Juize Tacos
Juicy Juize Tacos is a catering service that primarily serves Los Angeles and the San Fernando Valley. To build an effective web experience for customers and the business itself i have to make sure setting appointments and placing orders is simple and effective.
A robust web app hosted on aws
One of the most important aspects of web development is having a robust web app that can scale to the demand of the network/users with no latency. thankfully, cloud infrastructure like AWS Amplify is specifically built for this scenario. AWS Amplify allows you to create full-stack apps, frontend UI and backends visually, with authentication, storage, data, and more.
With the emergence of mobile browsing making up more than 50% of all web browsing, I decided to take a mobile first approach instead of the common approach of initially designing for the desktop. The process was a little diffrent considering the compact nature of mobile design so lets see how it all went down.
How I Deliver
Reuseability
A ReactJS web application is made up of multiple components, and each component has its own logic and controls. These components are responsible for outputting a small, reusable piece of HTML code which can be reused wherever you need them.
Improve Performance
The React Virtual DOM exists entirely in memory and is a representation of the web browsers DOM. Instead of rewriting the entire webpage everytime a change is made, the virtual DOM only updates the elements that are being changed.
SEO Friendly
Traditional JavaScript frameworks have an issue in dealing with SEO. NextJS overcomes this problem because NextJS applications can run on the server, and the virtual DOM will be rendering and returning to the browser as a regular web page.
Shorter Load Time
Server-side Rendering and Static Generation, together with Next.js smart data handling, make it possible to build applications that are quick to load and render data.
Faster Development
AWS Amplify a fully managed CI/CD and hosting service, allows Next.js apps deploy at least 3x faster, helping me deliver changes to production faster.
Measurable Performance
Next.js provides built-in analytics support for measuring various performance metrics, such as Time to first byte (TTFB) and First contentful paint (FCP)