SlideShare uma empresa Scribd logo
1 de 19
Produtividade na criação e
deploy de apps NodeJS com
MeteorJS
Lançamento?
MeteorJS foi lançado em 2012 por uma
startup de São Francisco chamada
MDG (Meteor Development Group).
Hoje é mantido pela Meteor Software.
Eu conheço e programo usando
MeteorJS desde 2015. Em 2016 criei o
Meteor Meetup Goiânia e também um
treinamento de MeteorJS.
14.054+
43.100+
Estrelas no GitHub
Packages criados
508.000+
Instalações únicas
Quem usa MeteorJS?
Rocket Chat
E muitas outras…
Framework full-stack, open
source e gratuito para
desenvolvimento de
aplicativos web, mobile e
desktop em JavaScript.
Meteor Software
Serviço completo criado
para deploy, gerenciamento
e monitoramento de apps
desenvolvidas com
MeteorJS.
MeteorJS Meteor Cloud
Quem sou eu?
Por onde
passei…
Quem sou eu? Desenvolvedor desde 2008
Goiano, morei na Irlanda, Portugal
e hoje sou nômade digital
CEO da Meteor Software
https://fredmaiaarantes.com
Frederico Maia
Como o MeteorJS
funciona?
Server Client
Client-side JavaScript
Server-side JavaScript
HTTP
JSON
Request
JSON
Response
Web Apps tradicionais
GET (URL) / POST (Body)
Server Client
Client-side JavaScript
Server-side JavaScript
DDP
EJSON
Conexão persistente
Web Apps com Meteor
EJSON
RPC Methods
Demo: React + MeteorJS + MongoDB
Crie e rode o seu primeiro projeto:
● meteor create muraljoin
● cd muraljoin
● meteor run
Faça deploy do seu app no Meteor Cloud
● meteor deploy muraljoin.meteorapp.com --free --mongo
Por que usar MeteorJS?
● Framework pioneiro, sólido e confiável com 10 anos de existência;
● Conecte facilmente back-end e front-end com RPC;
● Biblioteca de login / autenticação pronta;
● Escolha seu framework de front preferido (React, Svelte, VueJS…);
● Construa com o mesmo código apps Web, Mobile, Desktop;
● Desenvolva apps com recursos de tempo real como chats e apps colaborativos;
● Persista dados no MongoDB sem precisar de configurações;
● Integrado com o ecossistema JavaScript/TypeScript;
● Deploy de apps usando a CLI ou direto do seu repositório com Meteor Cloud;
Galaxy Meteor APM
MeteorJS Deployment
Por que usar Meteor Cloud?
● Único serviço criado especialmente para projetos MeteorJS;
● Plano free com servidor e MongoDB para testar e desenvolver seu app;
● Deploy de apps usando a CLI com uma linha de comando;
● Deploy direto do seu repositório do GitHub ao fazer push;
● Certificado SSL gratuito e automatizado com Let's Encrypt;
● Otimização de SEO com Prerender;
● Containers ilimitados a um clique de distância;
● Domínios customizados ilimitados;
● Elasticidade automática baseada em condições customizadas (triggers);
● Acesso ao APM para monitoramento;
● Acesso a API do Galaxy e muito mais;
Comece a usar MeteorJS hoje!
Começando com MeteorJS
Instale o NodeJS@14, instale o MeteorJS e crie seu primeiro app:
● npm install -g meteor
● meteor create appName
● meteor run
Faça deploy do seu app no Meteor Cloud:
● Crie uma conta no Meteor Cloud
● meteor deploy appName.meteorapp.com --free --mongo
Como saber mais?
● Site e blog oficial
● Repositório no GitHub
● Fórum do MeteorJS
● Slack do MeteorJS
● Discord do MeteorJS
● Meteor Impact - Evento Anual
https://bit.ly/MeteorJSLinks
Obrigado!
@meteorjs
https://meteor.com
@fredmaiaarantes
https://fredmaiaarantes.com

Mais conteúdo relacionado

Semelhante a Produtividade e deploy na criação de apps NodeJS com MeteorJS - Join Community 2022

Meteor um overview sobre a plataforma
Meteor   um overview sobre a plataformaMeteor   um overview sobre a plataforma
Meteor um overview sobre a plataformaCaio Ribeiro Pereira
 
Conhecendo o Meteor
Conhecendo o MeteorConhecendo o Meteor
Conhecendo o MeteorCaio Cutrim
 
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...Rodrigo Branas
 
Slide 02 introdução ao code igniter, utilização do bootstrap
Slide 02   introdução ao code igniter, utilização do bootstrap Slide 02   introdução ao code igniter, utilização do bootstrap
Slide 02 introdução ao code igniter, utilização do bootstrap Raniere de Lima
 
Apresentando meteor! Join Community - Goiânia
Apresentando meteor! Join Community - GoiâniaApresentando meteor! Join Community - Goiânia
Apresentando meteor! Join Community - GoiâniaFrederico Maia Arantes
 
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...Daniel Makiyama
 
Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )
Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )
Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )Getúlio Strapazzon
 
Hello world hybrid apps oportunidades com ionic framework v2
Hello world hybrid apps  oportunidades com ionic framework v2Hello world hybrid apps  oportunidades com ionic framework v2
Hello world hybrid apps oportunidades com ionic framework v2Ricardo Netto - MCP, MSP
 
Phprs meetup - deploys automatizados com gitlab
Phprs   meetup - deploys automatizados com gitlabPhprs   meetup - deploys automatizados com gitlab
Phprs meetup - deploys automatizados com gitlabJackson F. de A. Mafra
 
Construindo aplicações Cloud Native em Go
Construindo aplicações Cloud Native em GoConstruindo aplicações Cloud Native em Go
Construindo aplicações Cloud Native em GoAlvaro Viebrantz
 
2° Codelab - Por onde começar com AngularJS
2° Codelab  - Por onde começar com AngularJS2° Codelab  - Por onde começar com AngularJS
2° Codelab - Por onde começar com AngularJSGDGFoz
 
Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Valmir Justo
 
Turbinando microsserviços em PHP
Turbinando microsserviços em PHPTurbinando microsserviços em PHP
Turbinando microsserviços em PHPFlávio Lisboa
 
Plugue seu Aplicativo a Nuvem no The Developers Conference, Mobile Cloud Hack...
Plugue seu Aplicativo a Nuvem no The Developers Conference, Mobile Cloud Hack...Plugue seu Aplicativo a Nuvem no The Developers Conference, Mobile Cloud Hack...
Plugue seu Aplicativo a Nuvem no The Developers Conference, Mobile Cloud Hack...William S. Rodriguez
 
Ionic + Cordova para Desenvolvimento Mobile
Ionic + Cordova para Desenvolvimento MobileIonic + Cordova para Desenvolvimento Mobile
Ionic + Cordova para Desenvolvimento MobileWaldyr Felix
 
Monitorando serviços REST com o Application Insights
Monitorando serviços REST com o Application InsightsMonitorando serviços REST com o Application Insights
Monitorando serviços REST com o Application InsightsRenato Groff
 

Semelhante a Produtividade e deploy na criação de apps NodeJS com MeteorJS - Join Community 2022 (20)

Meteor um overview sobre a plataforma
Meteor   um overview sobre a plataformaMeteor   um overview sobre a plataforma
Meteor um overview sobre a plataforma
 
Conhecendo o Meteor
Conhecendo o MeteorConhecendo o Meteor
Conhecendo o Meteor
 
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
 
Slide 02 introdução ao code igniter, utilização do bootstrap
Slide 02   introdução ao code igniter, utilização do bootstrap Slide 02   introdução ao code igniter, utilização do bootstrap
Slide 02 introdução ao code igniter, utilização do bootstrap
 
Apresentando meteor! Join Community - Goiânia
Apresentando meteor! Join Community - GoiâniaApresentando meteor! Join Community - Goiânia
Apresentando meteor! Join Community - Goiânia
 
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...
 
Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )
Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )
Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )
 
Hello world hybrid apps oportunidades com ionic framework v2
Hello world hybrid apps  oportunidades com ionic framework v2Hello world hybrid apps  oportunidades com ionic framework v2
Hello world hybrid apps oportunidades com ionic framework v2
 
Construindo App's Android com Firebase
Construindo App's Android com FirebaseConstruindo App's Android com Firebase
Construindo App's Android com Firebase
 
Phprs meetup - deploys automatizados com gitlab
Phprs   meetup - deploys automatizados com gitlabPhprs   meetup - deploys automatizados com gitlab
Phprs meetup - deploys automatizados com gitlab
 
Construindo aplicações Cloud Native em Go
Construindo aplicações Cloud Native em GoConstruindo aplicações Cloud Native em Go
Construindo aplicações Cloud Native em Go
 
Meteor - TechParty 2015
Meteor - TechParty 2015Meteor - TechParty 2015
Meteor - TechParty 2015
 
2° Codelab - Por onde começar com AngularJS
2° Codelab  - Por onde começar com AngularJS2° Codelab  - Por onde começar com AngularJS
2° Codelab - Por onde começar com AngularJS
 
Introdução intel XDK
Introdução intel XDKIntrodução intel XDK
Introdução intel XDK
 
Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.
 
Turbinando microsserviços em PHP
Turbinando microsserviços em PHPTurbinando microsserviços em PHP
Turbinando microsserviços em PHP
 
Plugue seu Aplicativo a Nuvem no The Developers Conference, Mobile Cloud Hack...
Plugue seu Aplicativo a Nuvem no The Developers Conference, Mobile Cloud Hack...Plugue seu Aplicativo a Nuvem no The Developers Conference, Mobile Cloud Hack...
Plugue seu Aplicativo a Nuvem no The Developers Conference, Mobile Cloud Hack...
 
Ionic + Cordova para Desenvolvimento Mobile
Ionic + Cordova para Desenvolvimento MobileIonic + Cordova para Desenvolvimento Mobile
Ionic + Cordova para Desenvolvimento Mobile
 
Workshop - Ionic + firebase
Workshop - Ionic + firebaseWorkshop - Ionic + firebase
Workshop - Ionic + firebase
 
Monitorando serviços REST com o Application Insights
Monitorando serviços REST com o Application InsightsMonitorando serviços REST com o Application Insights
Monitorando serviços REST com o Application Insights
 

Mais de Frederico Maia Arantes

The best way to create and deploy web apps with full-stack type safety - Mete...
The best way to create and deploy web apps with full-stack type safety - Mete...The best way to create and deploy web apps with full-stack type safety - Mete...
The best way to create and deploy web apps with full-stack type safety - Mete...Frederico Maia Arantes
 
Java 8 - Afinal onde usamos no dia a dia? GOJava 15 anos!
Java 8 - Afinal onde usamos no dia a dia? GOJava 15 anos!Java 8 - Afinal onde usamos no dia a dia? GOJava 15 anos!
Java 8 - Afinal onde usamos no dia a dia? GOJava 15 anos!Frederico Maia Arantes
 
Java 8 - Afinal onde usamos no dia a dia? TDC 2015 - Porto Alegre
Java 8 - Afinal onde usamos no dia a dia? TDC 2015 - Porto AlegreJava 8 - Afinal onde usamos no dia a dia? TDC 2015 - Porto Alegre
Java 8 - Afinal onde usamos no dia a dia? TDC 2015 - Porto AlegreFrederico Maia Arantes
 
Introdução a JPA e Hibernate - TDC 2012
Introdução a JPA e Hibernate - TDC 2012Introdução a JPA e Hibernate - TDC 2012
Introdução a JPA e Hibernate - TDC 2012Frederico Maia Arantes
 
Boas práticas com jpa 2 e hibernate flisol 2012
Boas práticas com jpa 2 e hibernate   flisol 2012Boas práticas com jpa 2 e hibernate   flisol 2012
Boas práticas com jpa 2 e hibernate flisol 2012Frederico Maia Arantes
 
Cloud Computing - Java no Google App Engine
Cloud Computing - Java no Google App EngineCloud Computing - Java no Google App Engine
Cloud Computing - Java no Google App EngineFrederico Maia Arantes
 
Visão Geral do Java para Iniciantes - FLISOL 2011
Visão Geral do Java para Iniciantes - FLISOL 2011Visão Geral do Java para Iniciantes - FLISOL 2011
Visão Geral do Java para Iniciantes - FLISOL 2011Frederico Maia Arantes
 
JSF 2 e Primefaces - 4º Encontro Mensal do Gojava
JSF 2 e Primefaces - 4º Encontro Mensal do GojavaJSF 2 e Primefaces - 4º Encontro Mensal do Gojava
JSF 2 e Primefaces - 4º Encontro Mensal do GojavaFrederico Maia Arantes
 

Mais de Frederico Maia Arantes (12)

The best way to create and deploy web apps with full-stack type safety - Mete...
The best way to create and deploy web apps with full-stack type safety - Mete...The best way to create and deploy web apps with full-stack type safety - Mete...
The best way to create and deploy web apps with full-stack type safety - Mete...
 
Java 8 - Afinal onde usamos no dia a dia? GOJava 15 anos!
Java 8 - Afinal onde usamos no dia a dia? GOJava 15 anos!Java 8 - Afinal onde usamos no dia a dia? GOJava 15 anos!
Java 8 - Afinal onde usamos no dia a dia? GOJava 15 anos!
 
Java 8 - Afinal onde usamos no dia a dia? TDC 2015 - Porto Alegre
Java 8 - Afinal onde usamos no dia a dia? TDC 2015 - Porto AlegreJava 8 - Afinal onde usamos no dia a dia? TDC 2015 - Porto Alegre
Java 8 - Afinal onde usamos no dia a dia? TDC 2015 - Porto Alegre
 
Java Web Fácil com VRaptor
Java Web Fácil com VRaptorJava Web Fácil com VRaptor
Java Web Fácil com VRaptor
 
Introdução a JPA e Hibernate - TDC 2012
Introdução a JPA e Hibernate - TDC 2012Introdução a JPA e Hibernate - TDC 2012
Introdução a JPA e Hibernate - TDC 2012
 
Boas práticas com jpa 2 e hibernate flisol 2012
Boas práticas com jpa 2 e hibernate   flisol 2012Boas práticas com jpa 2 e hibernate   flisol 2012
Boas práticas com jpa 2 e hibernate flisol 2012
 
Java no Google App Engine - TDC2011
Java no Google App Engine - TDC2011Java no Google App Engine - TDC2011
Java no Google App Engine - TDC2011
 
Minicurso jpa e hibernate
Minicurso jpa e hibernateMinicurso jpa e hibernate
Minicurso jpa e hibernate
 
Cloud Computing - Java no Google App Engine
Cloud Computing - Java no Google App EngineCloud Computing - Java no Google App Engine
Cloud Computing - Java no Google App Engine
 
Visão Geral do Java para Iniciantes - FLISOL 2011
Visão Geral do Java para Iniciantes - FLISOL 2011Visão Geral do Java para Iniciantes - FLISOL 2011
Visão Geral do Java para Iniciantes - FLISOL 2011
 
JSF 2 e Primefaces - 4º Encontro Mensal do Gojava
JSF 2 e Primefaces - 4º Encontro Mensal do GojavaJSF 2 e Primefaces - 4º Encontro Mensal do Gojava
JSF 2 e Primefaces - 4º Encontro Mensal do Gojava
 
Java e orientação a objetos
Java e orientação a objetosJava e orientação a objetos
Java e orientação a objetos
 

Produtividade e deploy na criação de apps NodeJS com MeteorJS - Join Community 2022

  • 1. Produtividade na criação e deploy de apps NodeJS com MeteorJS
  • 2. Lançamento? MeteorJS foi lançado em 2012 por uma startup de São Francisco chamada MDG (Meteor Development Group). Hoje é mantido pela Meteor Software. Eu conheço e programo usando MeteorJS desde 2015. Em 2016 criei o Meteor Meetup Goiânia e também um treinamento de MeteorJS.
  • 3. 14.054+ 43.100+ Estrelas no GitHub Packages criados 508.000+ Instalações únicas
  • 4. Quem usa MeteorJS? Rocket Chat E muitas outras…
  • 5. Framework full-stack, open source e gratuito para desenvolvimento de aplicativos web, mobile e desktop em JavaScript. Meteor Software Serviço completo criado para deploy, gerenciamento e monitoramento de apps desenvolvidas com MeteorJS. MeteorJS Meteor Cloud
  • 8. Quem sou eu? Desenvolvedor desde 2008 Goiano, morei na Irlanda, Portugal e hoje sou nômade digital CEO da Meteor Software https://fredmaiaarantes.com Frederico Maia
  • 10. Server Client Client-side JavaScript Server-side JavaScript HTTP JSON Request JSON Response Web Apps tradicionais GET (URL) / POST (Body)
  • 11. Server Client Client-side JavaScript Server-side JavaScript DDP EJSON Conexão persistente Web Apps com Meteor EJSON RPC Methods
  • 12. Demo: React + MeteorJS + MongoDB Crie e rode o seu primeiro projeto: ● meteor create muraljoin ● cd muraljoin ● meteor run Faça deploy do seu app no Meteor Cloud ● meteor deploy muraljoin.meteorapp.com --free --mongo
  • 13. Por que usar MeteorJS? ● Framework pioneiro, sólido e confiável com 10 anos de existência; ● Conecte facilmente back-end e front-end com RPC; ● Biblioteca de login / autenticação pronta; ● Escolha seu framework de front preferido (React, Svelte, VueJS…); ● Construa com o mesmo código apps Web, Mobile, Desktop; ● Desenvolva apps com recursos de tempo real como chats e apps colaborativos; ● Persista dados no MongoDB sem precisar de configurações; ● Integrado com o ecossistema JavaScript/TypeScript; ● Deploy de apps usando a CLI ou direto do seu repositório com Meteor Cloud;
  • 15. Por que usar Meteor Cloud? ● Único serviço criado especialmente para projetos MeteorJS; ● Plano free com servidor e MongoDB para testar e desenvolver seu app; ● Deploy de apps usando a CLI com uma linha de comando; ● Deploy direto do seu repositório do GitHub ao fazer push; ● Certificado SSL gratuito e automatizado com Let's Encrypt; ● Otimização de SEO com Prerender; ● Containers ilimitados a um clique de distância; ● Domínios customizados ilimitados; ● Elasticidade automática baseada em condições customizadas (triggers); ● Acesso ao APM para monitoramento; ● Acesso a API do Galaxy e muito mais;
  • 16. Comece a usar MeteorJS hoje!
  • 17. Começando com MeteorJS Instale o NodeJS@14, instale o MeteorJS e crie seu primeiro app: ● npm install -g meteor ● meteor create appName ● meteor run Faça deploy do seu app no Meteor Cloud: ● Crie uma conta no Meteor Cloud ● meteor deploy appName.meteorapp.com --free --mongo
  • 18. Como saber mais? ● Site e blog oficial ● Repositório no GitHub ● Fórum do MeteorJS ● Slack do MeteorJS ● Discord do MeteorJS ● Meteor Impact - Evento Anual https://bit.ly/MeteorJSLinks

Notas do Editor

  1. Meteor é mais um framework JS? Existem tantos outros. Alguém conhecia? Quando foi lançado?
  2. Companies that uses MeteorJS
  3. Como é mantido e como se sustenta?
  4. Antes de falar dele, vamos ver sobre apps tradicionais
  5. Esta é a forma que aplicações mais comuns funcionam. Usam HTTP com Request e Response GET mapeados para alguma URL para buscar dados POST mapeado para alguma URL para enviar / salvar dados Após uma requisição ser respondida a conexão é fechada Códigos isolados, de Front-End e Back-End REST é facilmente aplicável para modelar domínios e CRUDs Mas você pode se perder em ações mais complexas O servidor não pode enviar dados quando quiser / precisar JSON trafega como um texto, é preciso converter números e datas por exemplo Ir para o código
  6. Esta é a forma como aplicações Meteor funcionam Funções são expostas com Meteor Methods Código isomórfico de Front-End e Back-End Usam WebSockets com DDP (Protocolo próprio) e conexões persistentes Informação pode trafegar dos dois lados O servidor pode enviar dados quando quiser / precisar EJSON trafega como um objeto, suporta datas, números e tipos customizados DDP is a protocol between a client and a server that supports two operations: Remote procedure calls by the client to the server (Methods). The client subscribing to a set of documents, and the server keeping the client informed about the contents of those documents as they change over time (Publications and Subscriptions). DDP messages are JSON objects, with some fields specified to be EJSON.
  7. Chakra-UI é uma biblioteca de componentes visuais Rodei o comando create e limpei alguns arquivos gerados URL imagem: https://en.gravatar.com/userimage/17397042/c105d2016fb211aec0110cd9d678523e.jpg?size=200
  8. RPC, em poucas palavras, é chamar uma função do Backend Mencionar REST Gab
  9. Mention TypeScript and JEST Mention Meteor Accounts: that is super easy to use and very secure. HMR to improve developer experience applying updates to the client without reloading the page while it is running.
  10. RPC, em poucas palavras, é chamar uma função do Backend Mencionar REST Gab
  11. Gab