I will build your website from the ground-up utilizing React

Contact for pricing

About this service

Summary

Starting from nothing, I will engineer your website to provide the highest performance and loading times while saving you the most amount of money on things such as bandwidth and customer retention due to frustrating experiences. I will provide a service that can scale to millions of active users as demonstrated in my previous works, regardless of how large or small your project, I will always deliver the same quality.

Process

The start of the process depends completely on rather or not you have a design already, while it is preferred for you to already have a design built out for your website, it is not a requirement. First we would confirm the design or the lack there-of, and if there is a lack of design, we will agree on a UI/UX Framework, or a reference project that is to be used while creating the styling of your project. The process in order would look something like this:

Come to an agreement regarding design implementation or references.

Determine if any backend services need to be created and what any associated complexities of these services there may be

Assuming there is a backend service, we will create this service first, this will be a data-only approach that allows us to utilize tools such as Postman to interact with the services and ensure whatever functionality you need is working as intended. Backend services would include things such as account creation, persistent data across sessions, any data that you may want to store and have loaded at later times such as lists of items, available appointment dates, ongoing sales, etc.

Once the backend is completed, we will verify with you (the client) that the backend service is working as intended. If you are not technically inclined, do not worry. We will explain and demonstrate the service to you in a way that makes sense, once this service is approved, we will move on the Frontend development.

Start Frontend Development, this is where we would bring your design to life and you would start seeing visual progress. If you needed backend services, you would start to see the functionality that the services were designed to handle start to come to life. We would share completed features and sections with you along the way.

Monitoring and issue resolutions. Once deployed, we will continue to monitor any issues that may occur for a disclosed period of time and resolve them. I stand by my products and once something is transferred to you, it's still something that is my responsibility, until it is modified by a third party.

FAQs

  • How do you build a website to be performance oriented, isn't a website just a website?

    That's a good question! While a website at it's core level is just a collection of styles, images, texts, and scripts there are several ways that this content can be organized, structured, or modified to make it load much faster. For example, one of the most overlooked things on pages is image optimization, did you know that a large numbers of websites suffering from performance issues would solve many of them if they just paid appropriate attention to detail with the content that they're serving? When it comes to scripts, it's important to know which scripts are blocking others and how we can execute certain logic in parallel. JavaScript (the scripting language used to execute logic on webpages) has a unique benefit of being asynchronous, which means it is able to perform multiple actions at once. Why should your page be sitting around waiting for something to complete when it has other things to do? Components and styling, while you would think that your website is just a bunch of styles and text, the way that this is translated to the page is through DOM Elements. These elements require a certain amount of processing power, time, and memory to render effectively based on things such as size, styling, and structure. When working in a framework such as react where we have access to a "Virtual DOM" it's important to properly structure components and data in a way where we're not constantly triggering a "re-render" of this content, which would be detrimental to the user-experience.

  • Why NextJS? Why not use React directly?

    This really just comes down to preference. Utilizing React directly is definitely something that I can do on request, but NextJS provides a lot of tools out of the box that enhances the developer experience and makes optimizing your website easier. It also provides several implementations for things such as Server Side Rendering, Static Optimization, and Dynamic Page Preloading which will keep your site feeling extremely snappy.

What's included

  • High Performance website from Scratch

    A highly scalable and performance oriented responsive website built from the ground-up to meet all of your needs, regardless of the level of traffic or clients you expect to be visiting it.


Skills and tools

UX Engineer
Frontend Engineer
Web Developer
Gatsby
Next.js
Node.js
React
TypeScript

Industries

Software Engineering

Work with me