How to build a website from scratch part 2

Rai Omido

Table of contents

This is part of the continuing series on how to build a website from scratch using Tailwindcss. In part one, we learnt how to set up our project. In this part 2 tutorial, we shall do the real building.

# Introduction

We are going to clone the home page of, but before we dive into code, we need to have some basic minimums in place for our project. In this tutorial, we are aiming to build a static website using Tailwind CSS. Our aim is to achieve a website that is responsive, user friendly, and search engine friendly. In order to do this, we need to set some basic characteristics that we expect our website to possess.

~Our website's features

In this tutorial, we are going to try to clone a website using Tailwind CSS.

Our website will have the following features;

Home page

This will be the welcome page for the website. It will contain simple information about what the website is all about in a nutshell. For now, our website will have only one page.

~Our website's qualities

We will require our website to at least possess the following qualities;

Light and fast

For better user experience, we need to ensure our website loads fast. To achieve this, we will need to ensure that all the website's assets including CSS and Javascript are not bulky. This means that we will need to avoid using bulky dependencies. We will also purge all unnecessary styles and scripts before we deploy our code to production.

Optimized for mobile

Nowadays, mobile phones have increasingly become a source of a better chunk of the total internet traffic. It is therefore important to optimize your website for mobile since you expect that a good number of your visitors will be on mobile.