[Questions] Esports Website WordPress or headless with plans for an App

[ktwo]

Hello Everyone,
I have some questions regarding a website i am working on which will be mainly about Esports and Gaming. The website will have an App on android and Iphone as well as some dynamic parts. so i was thinking about the best way to make it. I am not really a full fletched dev but i am well informed and have background in UI/UX as my main job is Design as an Art Director.
so the questions are :

1. should i Make the website in WordPress CMS or go the new way of Headless CMS such as Next and Nuxt and Gatsby
   as i read that Headless is the way to go when it comes to scalability.
   
   
2. netlify or contentful as the CMS? I want something that's not expensive with prices similar to normal hosting
   
   
3. I want to make an app out of it so i've read that going a headless cms that's based on Reactive such as Gatsby or Vue will make the conversion a lot easier
   
   
4. I want the website to have match/round results something like this which i know is possible by API but is there some app or plugin that can make api into a design like this or it have to be coded fully?

Thanks for taking time to reading my questions and thank you even more for this community of great helping people. have a nice one everyone!

 

[jackdanielz]

Hello Everyone,
I have some questions regarding a website i am working on which will be mainly about Esports and Gaming. The website will have an App on android and Iphone as well as some dynamic parts. so i was thinking about the best way to make it. I am not really a full fletched dev but i am well informed and have background in UI/UX as my main job is Design as an Art Director.
so the questions are :

1. should i Make the website in WordPress CMS or go the new way of Headless CMS such as Next and Nuxt and Gatsby
   as i read that Headless is the way to go when it comes to scalability.
   
   
2. netlify or contentful as the CMS? I want something that's not expensive with prices similar to normal hosting
   
   
3. I want to make an app out of it so i've read that going a headless cms that's based on Reactive such as Gatsby or Vue will make the conversion a lot easier
   
   
4. I want the website to have match/round results something like this which i know is possible by API but is there some app or plugin that can make api into a design like this or it have to be coded fully?

Thanks for taking time to reading my questions and thank you even more for this community of great helping people. have a nice one everyone!

These questions are asked by many and unfortunately there is no clear answer. One should compare benefit and effort.

You should not waste any more thoughts on "WordPress". It still works and you have good support. But if someone really wants to scale, it is not a good choice.

The partly new frameworks like "Angular, React, Vue and Svelte" are gaining more and more importance. They only render changed content and not whole pages. But with these innovations come hidden things, like the backend. So you deal with the frontend and the backend. Then you have to manage that as well. Quickly you are a "MERN stack programmer". With that you can do a lot technically, but nothing really well. I speak from my own experience here. Especially in the frontend area the development is very fast.

To start with, I would first concentrate on the functionality of API. For this you can use an open-source headless CMS like "Strapi" or "Directus". This has RESTful and/or GraphQL and you can host it yourself. There you can build your API exactly for your match/round results. You don't really need an additional app for that, as it's easy to use and it resembles forms.

Otherwise I found "Netlify" somehow more pleasant than "Contentful". But I found "Sanity" or "HyGraph" even better.

 

[ktwo]

These questions are asked by many and unfortunately there is no clear answer. One should compare benefit and effort.

You should not waste any more thoughts on "WordPress". It still works and you have good support. But if someone really wants to scale, it is not a good choice.

The partly new frameworks like "Angular, React, Vue and Svelte" are gaining more and more importance. They only render changed content and not whole pages. But with these innovations come hidden things, like the backend. So you deal with the frontend and the backend. Then you have to manage that as well. Quickly you are a "MERN stack programmer". With that you can do a lot technically, but nothing really well. I speak from my own experience here. Especially in the frontend area the development is very fast.

To start with, I would first concentrate on the functionality of API. For this you can use an open-source headless CMS like "Strapi" or "Directus". This has RESTful and/or GraphQL and you can host it yourself. There you can build your API exactly for your match/round results. You don't really need an additional app for that, as it's easy to use and it resembles forms.

Otherwise I found "Netlify" somehow more pleasant than "Contentful". But I found "Sanity" or "HyGraph" even better.

Much thanks for the reply, Yes i've heard about these and also about the "scalability" issues. so i thought instead of making the website up and running and in future i'll need to change it again so i might do it the right way from the start.
at the moment i am focusing on 2 things:
1- to make the API so i am researching and studying how to make that one. as that's the top priority for me
2- i am also researching these Headless or jamstack tech and trying to find the safest one that would make creating a mobile app easier in the future.
the problem is i am working solo on this with limited time and 0 budget unfortunately

 

[jackdanielz]

Much thanks for the reply, Yes i've heard about these and also about the "scalability" issues. so i thought instead of making the website up and running and in future i'll need to change it again so i might do it the right way from the start.
at the moment i am focusing on 2 things:
1- to make the API so i am researching and studying how to make that one. as that's the top priority for me
2- i am also researching these Headless or jamstack tech and trying to find the safest one that would make creating a mobile app easier in the future.
the problem is i am working solo on this with limited time and 0 budget unfortunately

The approach you are taking is the right one. Structure plays an essential role. Think about what should come into play?

Backend:
"Nodejs", "Laravel" or "Spring"?

Frontend:
"Angular", "React", "Vue", "Svelte"?
*Further, I use the frontend tool "Vite" for faster editing.

API: (good tools)
"Swagger", "Postman", "Paw" or "Thunder Client" in Visual Studio code.

Headless CMS: (good tools)
"Strapi", "Directus", "HyGraph", "Netlify".

Database:
"MySQL", "MongoDB"

From this I would build a structure and look for specific solutions. Especially in the frontend there are a lot of updates. Don't let yourself be unsettled.

I can help you from time to time.