Criando um website com flutter do zero

Crie um repositório no github, por exemplo: https://github.com/britolucaspatrick/example-website-flutter.

Realize o clone do repositório na sua máquina, e abre o terminal. Execute o seguinte comando:

flutter create C:\Users\patri\OneDrive\Documents\GitHub\example-website-flutter --project-name=example_website_flutter --platforms=web

Recomendo utilizar o fvm, para gerenciar suas versões do sdk flutter, acesse o seguinte link para ter mais informações. Durante a implementação desse exemplo, estarei utilizando o fvm. https://fvm.app/

Após executar o procedimento terá algo semelhante a isso no terminal:

Caso esteja utilizando a IDE Visual Studio Code, https://code.visualstudio.com/, será necessário criar um arquivo launch.json e criar a seguinte configuração:

Note onde o arquivo está sendo salvo, está etapa é muito importante para o correto funcionamento da execução do projeto web.

[diretório do seu projeto]/.vscode/launch.json

Durante o amadurecimento do projeto, é normal que nesse arquivo fique configurado os ambientes (dev, hml e prod) da aplicação. De modo que o desenvolvedor configura executar rapidamente qualquer ambiente com poucos clicks.

Agora tente executar o projeto selecionando a opção: Start debugging (F5).

Note que irá abrir uma janela no Google Chrome, ou no seu navegador padrão:

Dessa forma esta terminado a criação do projeto web site example, utilizando o sdk flutter. 

O objetivo desse artigo, e dos subsequentes, é implementar toda configuração inicial de projeto, ambientes, rotas dinâmicas, tecnologias do google (firebase, crashlytics, analitycs), e também o mais importante que é um framework de responsividade. 

De modo que permita a criação de sites em flutter muito mais rápido.

Fique atento aos próximos artigos. 

Sugiro acompanhar as novidades através do github selecionando a opção star ou watch.

https://github.com/britolucaspatrick/example-website-flutter