SlideShare uma empresa Scribd logo
1 de 50
Angular: Server-side Rendering no Azure
Microsoft Most Valuable Professional (MVP)
Arquiteto de Software na TV Bandeirantes
Autor Técnico e Palestrante
Um dos organizadores do .NET SP
Thiago da Silva Adriano
Contatos
/tadriano-net @programadriano
@programadriano /perfil/thiagoadriano/
@programadriano tadriano.net@gmail.com
https://medium.com/@programadriano
Agenda
▸ SEO e SPA (Single-page application)
▸ Estrutura do projeto
▸ Deploy no Azure
Zé em açãoEstrutura do projeto
SEO e SPA
Zé em açãoEstrutura do projeto
SEO e SPA
Zé em açãoEstrutura do projeto
SEO e SPA
Zé em açãoEstrutura do projeto
SEO e SPA
Zé em açãoEstrutura do projetoComo Analisar o meu site?
Zé em açãoEstrutura do projeto
Analise
Zé em açãoEstrutura do projeto
Site:url do site
Analise
Zé em açãoEstrutura do projetoRede social
Zé em açãoEstrutura do projeto
Zé em açãoEstrutura do projeto
Zé em açãoEstrutura do projeto
Zé em açãoEstrutura do projetoComo resolver?
Zé em açãoEstrutura do projetoserver-side rendering (SSR)
Zé em açãoEstrutura do projeto
Zé em açãoEstrutura do projeto
Zé em açãoEstrutura do projeto
Zé em açãoEstrutura do projeto
Zé em açãoEstrutura do projeto
Zé em açãoEstrutura do projeto
Zé em açãoEstrutura do projeto
Zé em açãoEstrutura do projetoDeploy projeto .NET Core Azure
Zé em açãoEstrutura do projeto
Zé em açãoEstrutura do projeto
Zé em açãoEstrutura do projeto
Zé em açãoEstrutura do projeto
https://ssrangular.azurewebsites.net/home
Zé em açãoEstrutura do projeto
Zé em açãoEstrutura do projeto
Zé em açãoEstrutura do projeto
https://github.com/programadriano/angular-seo
Zé em açãoEstrutura do projeto
Zé em açãoEstrutura do projeto
Zé em açãoEstrutura do projeto
Zé em açãoEstrutura do projetohttps://radiobandeirantes.band.uol.com.br/noticia/5bd301b2b81d5601c04a823e/raul-jungmann-defendeu-
manutencao-da-pasta-no-proximo-governo
Zé em açãoEstrutura do projeto
Zé em açãoEstrutura do projetoDeploy no Azure
Zé em açãoEstrutura do projeto
Imagem docker
docker pull tadrianonet/dotnetconf2018
Zé em açãoEstrutura do projeto
https://github.com/programadriano/dotnetconf-2018
Zé em açãoEstrutura do projetoDúvidas??
obrigado!

Mais conteúdo relacionado

Semelhante a Angular SSR com .NET Core no Azure

Surpreenda-se com o Silverlight 3
Surpreenda-se com o Silverlight 3Surpreenda-se com o Silverlight 3
Surpreenda-se com o Silverlight 3Rodrigo Kono
 
O Papel do desenvolvedor Front End
O Papel do desenvolvedor Front EndO Papel do desenvolvedor Front End
O Papel do desenvolvedor Front EndRael Max
 
Performance na Web - GDG DevFest SP 2014
Performance na Web - GDG DevFest SP 2014Performance na Web - GDG DevFest SP 2014
Performance na Web - GDG DevFest SP 2014Alexandre Tarifa
 
7 Serviços para turbinar o Azure DevOps
7 Serviços para turbinar o Azure DevOps7 Serviços para turbinar o Azure DevOps
7 Serviços para turbinar o Azure DevOpsHigor Barbosa
 
ASP.NET Single Page Application
ASP.NET Single Page ApplicationASP.NET Single Page Application
ASP.NET Single Page ApplicationAlberto Monteiro
 
Webinar Azure - Dia 02
Webinar Azure - Dia 02Webinar Azure - Dia 02
Webinar Azure - Dia 02Alvaro Rezende
 
Webinar Azure - Dia 01
Webinar Azure - Dia 01Webinar Azure - Dia 01
Webinar Azure - Dia 01Alvaro Rezende
 
SATADS 2019 - Desenvolvimento com recursos da AWS
SATADS 2019 - Desenvolvimento com recursos da AWSSATADS 2019 - Desenvolvimento com recursos da AWS
SATADS 2019 - Desenvolvimento com recursos da AWSAnderson Contreira
 
Angular lazy loading
Angular  lazy loadingAngular  lazy loading
Angular lazy loadingMVP Microsoft
 
Arquitetura de Informação
Arquitetura de InformaçãoArquitetura de Informação
Arquitetura de InformaçãoMelqui Jr
 
Webinar Azure - Dia 05
Webinar Azure - Dia 05Webinar Azure - Dia 05
Webinar Azure - Dia 05Alvaro Rezende
 
.NET + Azure Functions: dicas e truques no desenvolvimento serverless | MVPCo...
.NET + Azure Functions: dicas e truques no desenvolvimento serverless | MVPCo....NET + Azure Functions: dicas e truques no desenvolvimento serverless | MVPCo...
.NET + Azure Functions: dicas e truques no desenvolvimento serverless | MVPCo...Renato Groffe
 
MVPConf 2021 - .NET + Azure Functions Dicas e truques no desenvolvimento serv...
MVPConf 2021 - .NET + Azure Functions Dicas e truques no desenvolvimento serv...MVPConf 2021 - .NET + Azure Functions Dicas e truques no desenvolvimento serv...
MVPConf 2021 - .NET + Azure Functions Dicas e truques no desenvolvimento serv...Walter Coan
 
O papel do desenvolvedor front end
O papel do desenvolvedor front endO papel do desenvolvedor front end
O papel do desenvolvedor front endRomário J. Santos
 
Function as a Service: IT forum expo 2017
Function as a Service: IT forum expo 2017Function as a Service: IT forum expo 2017
Function as a Service: IT forum expo 2017Igor Rosa Macedo
 
Ionic framework V2/3 {Aplicações móveis híbridas}
Ionic framework V2/3 {Aplicações móveis híbridas} Ionic framework V2/3 {Aplicações móveis híbridas}
Ionic framework V2/3 {Aplicações móveis híbridas} Sinesio Bittencourt
 
Sinesio bittencourt - Ionic framework {Aplicações móveis híbridas}
Sinesio bittencourt - Ionic framework  {Aplicações móveis híbridas}Sinesio bittencourt - Ionic framework  {Aplicações móveis híbridas}
Sinesio bittencourt - Ionic framework {Aplicações móveis híbridas}Sinesio Bittencourt
 
Gestão de demandas e workflow utilizando Project Server ou Project Online
Gestão de demandas e workflow utilizando Project Server ou Project OnlineGestão de demandas e workflow utilizando Project Server ou Project Online
Gestão de demandas e workflow utilizando Project Server ou Project OnlineAndre Xavier
 

Semelhante a Angular SSR com .NET Core no Azure (20)

Produtividade
ProdutividadeProdutividade
Produtividade
 
Surpreenda-se com o Silverlight 3
Surpreenda-se com o Silverlight 3Surpreenda-se com o Silverlight 3
Surpreenda-se com o Silverlight 3
 
O Papel do desenvolvedor Front End
O Papel do desenvolvedor Front EndO Papel do desenvolvedor Front End
O Papel do desenvolvedor Front End
 
Performance na Web - GDG DevFest SP 2014
Performance na Web - GDG DevFest SP 2014Performance na Web - GDG DevFest SP 2014
Performance na Web - GDG DevFest SP 2014
 
7 Serviços para turbinar o Azure DevOps
7 Serviços para turbinar o Azure DevOps7 Serviços para turbinar o Azure DevOps
7 Serviços para turbinar o Azure DevOps
 
ASP.NET Single Page Application
ASP.NET Single Page ApplicationASP.NET Single Page Application
ASP.NET Single Page Application
 
Webinar Azure - Dia 02
Webinar Azure - Dia 02Webinar Azure - Dia 02
Webinar Azure - Dia 02
 
Gestão de Projetos
Gestão de ProjetosGestão de Projetos
Gestão de Projetos
 
Webinar Azure - Dia 01
Webinar Azure - Dia 01Webinar Azure - Dia 01
Webinar Azure - Dia 01
 
SATADS 2019 - Desenvolvimento com recursos da AWS
SATADS 2019 - Desenvolvimento com recursos da AWSSATADS 2019 - Desenvolvimento com recursos da AWS
SATADS 2019 - Desenvolvimento com recursos da AWS
 
Angular lazy loading
Angular  lazy loadingAngular  lazy loading
Angular lazy loading
 
Arquitetura de Informação
Arquitetura de InformaçãoArquitetura de Informação
Arquitetura de Informação
 
Webinar Azure - Dia 05
Webinar Azure - Dia 05Webinar Azure - Dia 05
Webinar Azure - Dia 05
 
.NET + Azure Functions: dicas e truques no desenvolvimento serverless | MVPCo...
.NET + Azure Functions: dicas e truques no desenvolvimento serverless | MVPCo....NET + Azure Functions: dicas e truques no desenvolvimento serverless | MVPCo...
.NET + Azure Functions: dicas e truques no desenvolvimento serverless | MVPCo...
 
MVPConf 2021 - .NET + Azure Functions Dicas e truques no desenvolvimento serv...
MVPConf 2021 - .NET + Azure Functions Dicas e truques no desenvolvimento serv...MVPConf 2021 - .NET + Azure Functions Dicas e truques no desenvolvimento serv...
MVPConf 2021 - .NET + Azure Functions Dicas e truques no desenvolvimento serv...
 
O papel do desenvolvedor front end
O papel do desenvolvedor front endO papel do desenvolvedor front end
O papel do desenvolvedor front end
 
Function as a Service: IT forum expo 2017
Function as a Service: IT forum expo 2017Function as a Service: IT forum expo 2017
Function as a Service: IT forum expo 2017
 
Ionic framework V2/3 {Aplicações móveis híbridas}
Ionic framework V2/3 {Aplicações móveis híbridas} Ionic framework V2/3 {Aplicações móveis híbridas}
Ionic framework V2/3 {Aplicações móveis híbridas}
 
Sinesio bittencourt - Ionic framework {Aplicações móveis híbridas}
Sinesio bittencourt - Ionic framework  {Aplicações móveis híbridas}Sinesio bittencourt - Ionic framework  {Aplicações móveis híbridas}
Sinesio bittencourt - Ionic framework {Aplicações móveis híbridas}
 
Gestão de demandas e workflow utilizando Project Server ou Project Online
Gestão de demandas e workflow utilizando Project Server ou Project OnlineGestão de demandas e workflow utilizando Project Server ou Project Online
Gestão de demandas e workflow utilizando Project Server ou Project Online
 

Mais de MVP Microsoft

Introducao ao GraphQL
Introducao ao GraphQLIntroducao ao GraphQL
Introducao ao GraphQLMVP Microsoft
 
TypeScript + Node.js + cosmos db
TypeScript + Node.js + cosmos dbTypeScript + Node.js + cosmos db
TypeScript + Node.js + cosmos dbMVP Microsoft
 
Desenvolvimento de games com C# e Unity
Desenvolvimento de games com C# e UnityDesenvolvimento de games com C# e Unity
Desenvolvimento de games com C# e UnityMVP Microsoft
 
GraphQL com .NET Core
GraphQL com .NET CoreGraphQL com .NET Core
GraphQL com .NET CoreMVP Microsoft
 
Novidades do TypeScript
Novidades do TypeScript Novidades do TypeScript
Novidades do TypeScript MVP Microsoft
 
Novidades do TypeScript para desenvolvedores Angular
Novidades do TypeScript para desenvolvedores AngularNovidades do TypeScript para desenvolvedores Angular
Novidades do TypeScript para desenvolvedores AngularMVP Microsoft
 
Desenvolvendo games de realidade virtual com C# utilizando o Unity
Desenvolvendo games de realidade virtual com C# utilizando o UnityDesenvolvendo games de realidade virtual com C# utilizando o Unity
Desenvolvendo games de realidade virtual com C# utilizando o UnityMVP Microsoft
 
Mackenzie - TypeScript
Mackenzie - TypeScript Mackenzie - TypeScript
Mackenzie - TypeScript MVP Microsoft
 
Typescript no fronte no back com Docker
Typescript no fronte no back com DockerTypescript no fronte no back com Docker
Typescript no fronte no back com DockerMVP Microsoft
 
Angular + asp.net core + docker na nuvem
Angular + asp.net core + docker na nuvem Angular + asp.net core + docker na nuvem
Angular + asp.net core + docker na nuvem MVP Microsoft
 
JavaScript na nuvem node + angular + microsoft azure
JavaScript na nuvem  node + angular + microsoft azureJavaScript na nuvem  node + angular + microsoft azure
JavaScript na nuvem node + angular + microsoft azureMVP Microsoft
 
TypeScript no Back-end e no Front-end
TypeScript no Back-end e no Front-endTypeScript no Back-end e no Front-end
TypeScript no Back-end e no Front-endMVP Microsoft
 

Mais de MVP Microsoft (20)

Resiliencia em APIs
Resiliencia em APIsResiliencia em APIs
Resiliencia em APIs
 
Introducao ao GraphQL
Introducao ao GraphQLIntroducao ao GraphQL
Introducao ao GraphQL
 
Tdc 2020 Floripa
Tdc 2020 FloripaTdc 2020 Floripa
Tdc 2020 Floripa
 
Angular DevOps
Angular DevOpsAngular DevOps
Angular DevOps
 
TypeScript + Node.js + cosmos db
TypeScript + Node.js + cosmos dbTypeScript + Node.js + cosmos db
TypeScript + Node.js + cosmos db
 
Desenvolvimento de games com C# e Unity
Desenvolvimento de games com C# e UnityDesenvolvimento de games com C# e Unity
Desenvolvimento de games com C# e Unity
 
GraphQL com .NET Core
GraphQL com .NET CoreGraphQL com .NET Core
GraphQL com .NET Core
 
Novidades do TypeScript
Novidades do TypeScript Novidades do TypeScript
Novidades do TypeScript
 
Novidades do TypeScript para desenvolvedores Angular
Novidades do TypeScript para desenvolvedores AngularNovidades do TypeScript para desenvolvedores Angular
Novidades do TypeScript para desenvolvedores Angular
 
7 masters
7 masters7 masters
7 masters
 
TypeScript 3.4
TypeScript 3.4 TypeScript 3.4
TypeScript 3.4
 
Xamarim + api
Xamarim + apiXamarim + api
Xamarim + api
 
Desenvolvendo games de realidade virtual com C# utilizando o Unity
Desenvolvendo games de realidade virtual com C# utilizando o UnityDesenvolvendo games de realidade virtual com C# utilizando o Unity
Desenvolvendo games de realidade virtual com C# utilizando o Unity
 
Mackenzie - TypeScript
Mackenzie - TypeScript Mackenzie - TypeScript
Mackenzie - TypeScript
 
Typescript no fronte no back com Docker
Typescript no fronte no back com DockerTypescript no fronte no back com Docker
Typescript no fronte no back com Docker
 
Angular + asp.net core + docker na nuvem
Angular + asp.net core + docker na nuvem Angular + asp.net core + docker na nuvem
Angular + asp.net core + docker na nuvem
 
JavaScript na nuvem node + angular + microsoft azure
JavaScript na nuvem  node + angular + microsoft azureJavaScript na nuvem  node + angular + microsoft azure
JavaScript na nuvem node + angular + microsoft azure
 
Xamarin + node.js
Xamarin + node.jsXamarin + node.js
Xamarin + node.js
 
TypeScript no Back-end e no Front-end
TypeScript no Back-end e no Front-endTypeScript no Back-end e no Front-end
TypeScript no Back-end e no Front-end
 
Ai fest 2018
Ai fest 2018Ai fest 2018
Ai fest 2018
 

Angular SSR com .NET Core no Azure