Executando verificação de segurança...
1

Olá

Existem algumas maneiras de se fazer isso:

  • MPA - um site multipage(tudo gerado via servidor)
  • SPA - um site com front separado do back(servidor)

Essas são as 2 maneiras mais comuns. Embora existam mais!

Como iniciante te recomendo começar com MPA.
Pois as páginas serão criadas no back e terão links para arquivos CSS, js e HTML
De forma bem simples! O que ajuda no inicio. Depois da pra ir para alguma coisa de front separado!

A organização de pastas e documentos vai depender muito.
E é algo secundário pra um iniciante!

Qual sua stack?
Já trabalha com alguma linguagem de back?

É totalmente iniciante em tudo?

Carregando publicação patrocinada...
1

Oi! Muito obrigada por ter respondido!

No front eu uso HTML, CSS e JS, ainda não comecei a aprender nenhum framework pq sinto que preciso ter mais domínio do meu JS. No back eu tô aprendendo Java (fazendo o curso do Nélio Alves na Udemy e amando) e um pouquinho de Python, por diversão mesmo. Eu não sou totalmente iniciante, tive meu primeiro contato (que foi com o frontend) 3 anos atrás, quando ainda estava no ensino médio. Daí comecei a cursar ADS e voltei a estudar e praticar enquanto monto meu portfólio e me aprimoro!

Ainda tem muuuuuuita coisa pra eu aprender, e confesso que às vezes bate um desânimo, mas com calma e dedicação eu chego lá!

0
  • MPA - um site multipage(tudo gerado via servidor)
  • SPA - um site com front separado do back(servidor)

Essas definições estão equivocadas.
Um "MPA" não necessariamente roda do lado do servidor. Vc pode ter uma "MPA" no lado do cliente também.
O mais correto seria:

  • SSR (Server Side Rendering): código rodando no servidor

  • CSR (Client Side Rendering): código rodando no cliente (browser)

  • SPA (Single Page Application): aplicação inteira como uma única página, onde a navegação se dá pela renderização ou não de diferentes componentes na tela. Ou seja, toda a aplicação é carregada no primeiro load (porém há estratégias para lazy-loading)

  • MPA (Multiple Page Application): aplicação composta por múltiplas páginas onde o load de cada uma acontece a partir do momento que navega para ela

Obs: Apesar do seu equívoco, há sim uma relação "contrária" entre SPA e SSR, pois não faz sentido uma aplicação SSR entregar uma SPA.

Como iniciante te recomendo começar com MPA.
Pois as páginas serão criadas no back e terão links para arquivos CSS, js e HTML

Como dito acima, não tem relação entre MPA e backend. Também recomendo começar com MPA antes de ir para as SPAs. Porém é desnecessário optar por SSR (rodar no servidor) para quem está começando. Pois criaria uma dependência a mais de infrastrutura. Enquanto uma MPA em CSR só precisa do diretório com os arquivos na máquina local dela e carregar os arquivos html no Browser.

1

Obs: Apesar do seu equívoco, há sim uma relação "contrária" entre SPA e SSR, pois não faz sentido uma aplicação SSR entregar uma SPA.

uma das opcoes do nextjs nao é justamente essa, entregar um SSR em que ocorre o hydration e se 'transforma' em SPA ?