Designing the website

Designing the website

The first step in designing the website is figuring out the tech stack, or what languages and frameworks you should use.

The most popular language for web development is JavaScript or TypeScript so lets start there.

There are many different frameworks you can use to make a website in JavaScript:

• Next.JS
• React
• Svelte
• Express
• Angular
• Vue
• Vanilla JS

We recommend Next.JS or React as they are both simple and easy to use while allowing for a lot of creativity and customization.

If you want to use another language there are a few other options but most of these just serve HTML and CSS.

• Java (JavaApplets)
• PHP
• Ruby on Rails
• Python (Django)
• Go
• C#
• Perl

If you are using React or Next.JS you will need to decide on if you should use Tailwind or not. I would recommend Tailwind if you have worked with CSS before. It is a great option and makes styling much easier. If you are not comfortable with CSS or you haven’t used it much I would stick with CSS.

Now that we have the technologies figured out we can talk about the UI design of the website. If you want to you can jump straight into development and figure out the UI as you go but if you want to plan it out you can use figma.

Figma will let you design the entire website UI and then you can use it for reference when turning that UI into code.

Here is an example of a figma design of a website and here is the resulting website.

You don’t need to design the entire website in figma, you just want a starting point.