[DÚVIDA] Uso de framework front-end para clientes usando hospedagem compartilhada

Na empresa em que trabalho, para criação de landing pages, usamos hospedagem compartilhada e sem nenhum framework front-end, é só html, css e js puro.

Eu fiquei me perguntando se era possível ultilizar algum framework front-end como React.js nessas hospedagens compartilhadas. Tentei procurar no youtube e vi que era possível usar com algumas configurações a mais, porém vejo que para projetos profissionais não é tão usado e nem comentado.

Resumindo, quero saber se existe algum problema em usar esses frameworks em hospedagem compartilhada. Porque possível eu já vi que é sim.

Alguns desses frameworks, quando você """compila""", gera javascript comum. Dai você pode hospedar até nesses S3 da vida. Se não me engano Vue tem uma versão que funciona sem """compilar"""

Vue só precisa importar o script que já funciona em qualquer página HTML básica.

Quando você desenvolve em algum desses frameworks, o build deles é html e javascript puros. Então roda em qualquer lugar.

Não, não é tão simples assim rodar frameworks JavaScript, como Next.js por exemplo, por que eles usam Node.js para fazer o build da aplicação e em alguns casos é necessário ter acesso como usuário root da máquina, o que não é permitido em hospedagens compartilhadas.
Mas você pode fazer o build em outro local, e só mandar os arquivos de .html, .css, .js pro servidor compartilhado. Digamos que use o Github, vc pode ter um Github actions que faz o build, acessa o servidor e copia os arquivos gerados.

Na empresa onde trabalho temos algo similar. Não hospedamos landing pages, hospedamos dashboards. No caso, meudominio.com é o nosso domínio base.

A gente possui um domínio e todos os clientes ficam no subdominio: cliente.meudominio.com

E a gente hospeda no Amplify (AWS). O framework que usamos é Next.js. Quando o usuário loga, a gente puxa do DynamoDB as configurações da dashboard dele. Cada cliente tem um app do amplify.

Todos os componentes são em comum. A gente também possui uma forma do cliente criar e organização painel de exibição, setar permissões e etc... Mas toda esse dado de estrutura fica no DynamoDB, que basicamente armazena um JSON.

Não sei se te ajuda, mas fazemos dessa forma.

@Edit Usamos TailWind, e basicamente o build ocorre durante a etapa de deploy do Amplify. Quando você dá commit na branch de deploy, que você configura qual é, o Amplify vai ser acionado, vai buildar sua aplicação, se não tiver problema, ela já fica disponível.

Nas LPs que eu preciso fazer é um processo que eu acho que não ta muito certo. Por exemplo eu preciso que o usuário, ao enviar o form, seja redirecionado para a rota `/cadastrado`, e pra não ficar `/cadastrado.html` eu tinha que duplicar o projeto em uma pasta, assim ele acessa o index da pasta cadastrado. Então toda alteração precisa ser feita no index e no cadastrado. Além de que pra configurar e testar o form já vai 1 dia de serviço, só de pensar que poderia automatizar esse processo e demorar alguns minutos já fico perplexo. Por isso to querendo implementar algum framework o quanto antes.

Este artigo mostra como fazer o deploy localmente e depois enviar (via FTP) os arquivos do build para o servidor da hospedagem compartilhada: https://www.namecheap.com/support/knowledgebase/article.aspx/10686/29/how-to-deploy-reactjs-vitejs-react-native-and-nextjs-applications-in-cpanel/

Já tentei usar Tailwind, por exemplo, em uma hospedagem compartilhada e não deu da forma que eu queria, pois precisaria de acesso ssh root para rodar comandos npm. A única forma que dava era compilando os assets pra subir junto ou usando cdn. Pra mim isso não era legal, então achei uma vps barata, montei meu próprio servidor e nunca mais voltei para compartilhada. VPS é vida

dependendo de como vc tem seu processo de deploy, da pra usar Github Actions para fazer o build do tailwind e então empurrar pro FTP da compartilhada.

Ao meu ver uuma empresa deveria usar um VPS. Assim teria liberdade de usar o que bem entender. Parece que sua eprgunta é específica sobre react, pois o Bootstrap facilita e é suportado pelas compartilhadas sem pro

Sem dúvidas uma VPS ou Cloud seria melhor, mas no meu trabalho nós hospedamos vários sites de clientes e ganhamos com isso, então sai mais em conta. Mas se eu pudesse escolher, eu preferiria usar AWS ou Google Cloud. Perguntei mais especificamente pra React porque é o que eu já estou familiarizado, mas se precisasse eu usaria qualquer outra, eu só quero parar de criar usando html e css puro, parece que da mais trabalho de fazer kkkkkkkkkkkkk.

Eae blz!? Fiz isso na hostinger usando angular, mas faço o deploy usando github actions, la ele faz o build e so envia o compilado para hospedagem. Eu tentei no inicio rodar o node por ssh, mas não deu certo, achoo que não tem esse recurso lá.