20i Domains

Strike.co.uk - help with making something like this

Discussion in 'Website Design' started by twostepsbehind, Oct 22, 2020.

  1. twostepsbehind United Kingdom

    twostepsbehind Active Member Acorn Supporter

    Joined:
    Aug 2014
    Posts:
    215
    Likes Received:
    21
    Hi,

    I'm a bit in love with this website strike.co.uk.

    I know it's built with Gatsby.js and React and Wordpress - can anybody help with this?

    Is it easy to build using these technologies?

    I'm an amateur coder and good with Wordpress, but do I need to know more?

    Thanks
     
  2. Domain Forum

    Acorn Domains Elite Member

    Joined:
    1999
    Messages:
    Many
    Likes Received:
    Lots
    articles.co.uk
     
  3. JMI

    JMI Active Member Acorn Supporter

    Joined:
    Oct 2015
    Posts:
    471
    Likes Received:
    81
    Are you kidding? It looks like its been build by an 8 year old.
     
    • Funny Funny x 3
    • Agree Agree x 2
    • Disagree Disagree x 1
  4. lazarus

    lazarus Well-Known Member Exclusive Member

    Joined:
    Feb 2013
    Posts:
    1,263
    Likes Received:
    281
    Hi @twostepsbehind
    This is very achievable with no coding. ( Maybe a bit of markup (CSS) )

    No need to reinvent the wheel. Just find a close match on https://themeforest.net as a starting point. Get something that has WPbakery or Elementor built in. It's mostly drag and drop and changing values from there on in. I bet you can come up with something that looks very close to what you are after.

    Just amend / add to the CSS template files as you see fit.

    Cheers Laz
     
  5. Trauiner United Kingdom

    Trauiner Active Member

    Joined:
    Feb 2016
    Posts:
    593
    Likes Received:
    62
    It may convert really well for them but I would say that's built by a 'trendy' designer who hasn't considered the user or user experience in the slightest.

    I may be wrong and it may be working like crazy for them but that design seems awful.
     
  6. Hay

    Hay Active Member Exclusive Member

    Joined:
    Jul 2019
    Posts:
    379
    Likes Received:
    97
    @twostepsbehind React is a javascript frontend mostly used to build PWA or SPA applications, Wordpress would be used as the backend (PHP) to serve json over api requests, unless you have a lot of knowledge with javascript i wouldn't advise you try to use React because you could leave your application wide open to exploits given you will be serving sensitive data over an API to the javascript frontend.

    I use react, Vue, and Angular a lot in development and i mostly serve a static index.html page which pulls in the react app from something like AWS Cloudfront (Serverless) and i use something like Django, PHP or NodeJs as the backend to handle the api requests... These technologies are perfect for building Mobile apps or component-driven applications which can be very overwhelming for someone new to coding.

    For example with React you would split your entire application into components that can be reused in any template or module over and over again, an example of this would be a ButtonComponent so you dont need to constantly keep writing the same HTML and CSS/SAS for a button element and instead you would do something like this and pass properties to the component...

    Code:
    <Button size="small" colour="primary">
           Submit
    </Button>
    
    Once you get familiar with how components work and interact with each other you can quickly scale out an application without re-writing the same html over and over again... Then in the future lets say you want to add another colour to your buttons, instead of having to go back over your application and change the class in every page/template that had that horrible button html... You simply edit the ButtonComponent and add another property or class... I love javascript frontends because they are so powerful but there is a lot to it and can be very overwhelming.


    So what would be an ideal starting point?

    I would recommend you try something like Wordpress or a MVC framework (Model, View, Controller) which can be much easier to learn, i would also turn to Youtube and Udemy for help... i constantly use google searches and youtube when developing because you never stop learning :)
     
    • Like Like x 5
    • Agree Agree x 1
    • Useful Useful x 1
    Last edited: Oct 23, 2020