TLDR: explain how to rebuild x.ai to me, like I’m a 5 year old.

Hi everyone, I’d like to improve my Web dev skills and am looking for advice on how to get started and make it work. So my idea is to recreate this website as it currently is x.ai for starters (including the animated background). And later on, build up my personal website on that style. I simply want to use it as a base for following websites. I want to start by the mobile first approach.

How do I start? Should I try building it from scratch by hand (html,css,js) or rather use a framework (I had Gatsby in mind)? What is the best practices to make this a sustainable and reusable project?

Please bear with me, I can do figma quite confidently but I have little to no skills in web development yet. So if there is any word of advice for a beginner, I’ll be grateful! Thanks!

  • Eurobae@lemmy.world
    link
    fedilink
    English
    arrow-up
    1
    ·
    1 year ago

    Just dive in, try! It’s like one page or two right? If you don’t have the technical skills yet you can go with the fundamentals and just use vanilla js, CSS and HTML. But if you go with a framework shouldn’t be too bad either. They make a lot of aspects of the development easier but I do believe that you need to have a proper grasp of the fundamentals