Simplicity makes us happy.

The world of web development is a fast-changing environment. Every year, there are new technologies, approaches, frameworks, and libraries. It’s easy for us to lose direction in these environments. We’ve seen software engineering teams use newer and more complex technologies, when a simpler option could better serve the project.

To overcome this tendency, we have developed a guideline for web development. We believe this guideline is an excellent tool to steer your software towards simplicity — even if you don’t have direct software engineering experience.

Approach

Start with a static site first. If you can build it as a static site, then you should use a static site. If a static site is not suitable, consider using a server-rendered application, such as ASP.NET Core, Django, etc. For more complex web applications, you might use a Single Page Application (SPA) framework like Blazor, React or Vue. Most of the times, server-rendered app is enough to be the stack for web project. It has a ot of capabilities and a lot of example to follow.

• Static Site
• Server-rendered app
• SPA

Design

Tailwind and Bootstrap are both excellent and provide numerous examples that we can use. Tailwind is our go-to option because of its rapid development speed and ease of use.

• Tailwind
• Bootstrap
• CSS

Database

SQL has proven its worth; you don’t need a NoSQL database for a typical web app unless there’s a specific requirement that NoSQL uniquely addresses. Often, SQL alone is sufficient. In our experience, most web projects we’ve worked on can utilize structured data when designing schemas, as very few projects require flexible or unstructured models. Our advice would be to prioritize Postgres initially, but remain open to supporting alternatives should the need arise.

• PostgreSQL
• MySQL

Deployment

When considering deployment, it’s important to factor in cost. we prefer to start with free options, such as Cloudflare Pages, for initial deployment. However, you’re free to choose another deployment infrastructure. Keep in mind, especially if you’re developing a web app for a client, that selecting tools which are both developer-friendly and conducive to long-term maintenance is crucial for success.

• Static site: Cloudflare Pages
• Server-rendered app: Azure, AWS Lightsail, Shared Hosting
• SPA: Cloudflare Pages

Benefits

Let’s discuss about the benefit of simplicity for web development.

• Simplicity is key to maintenance. Developing maintainable software not only increases user satisfaction but also decreases the risk of project failure in the future. While cutting-edge technologies may offer innovative features, they can sometimes be unreliable, leading to more issues and bugs.

• Cost efficient. Simpler technology stack can reduce unnecessary cost. Additionally, clients are often concerned about the operational costs of running a web app. Therefore, adopting a cost-efficient approach for web projects is essential.

• Productive development. By using simpler technology stack, it can help you to concentrate on what truly matters and thereby ensuring the success of your web project. The less complex the tools, the fewer the distractions.

• Security. We believe simplicity for web development also benefits us for fewer the bugs and vulnerabilities. Complex systems can have interdependent components that interact in unexpected ways, leading to security loopholes that are hard to predict and detect.

• Peace of mind. You know that your web app will work seamlessly because it is maintainable, less complex, and enjoyable process.

Conclusion

We hope these guidelines inspire you to embrace simplicity in your web projects, as it often leads to more maintainable, efficient, and user-friendly applications. However, it’s important to acknowledge that there are scenarios where these guidelines may not be the best fit. Therefore, always be prepared to consider alternative approaches as necessary.

Best of luck with embracing simplicity!