Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Cloud Native Ninja - part 8 - Containerize Reac...

Avatar for Nilesh Gule Nilesh Gule
April 26, 2023
Technology
0
32

Cloud Native Ninja - part 8 - Containerize React App

Slide deck related to the 8th part of the Cloud Native Ninja series.
https://youtu.be/mmM6btuwqfA

Avatar for Nilesh Gule

Nilesh Gule

April 26, 2023
Tweet

More Decks by Nilesh Gule

See All by Nilesh Gule
Enhance_GitHub_Copilot_using_MCP_-_Enterprise_version.pdf
Avatar for Nilesh Gule nileshgule
1
19
API Management in the AI Era
Avatar for Nilesh Gule nileshgule
0
9
Infuse Intelligence into your Apps with Foundry Local
Avatar for Nilesh Gule nileshgule
0
11
API Managment in the AI Era
Avatar for Nilesh Gule nileshgule
0
16
GitHub Copilot Agent Mode
Avatar for Nilesh Gule nileshgule
0
41
Festive Tech Calendar 2024 - Supercharge Kubernetes Debugging with k8sGPT
Avatar for Nilesh Gule nileshgule
0
30
Supercharge Kubernetes Debugging with k8sGPT
Avatar for Nilesh Gule nileshgule
0
51
Code, Creativity and Customers - Navigating the Generative AI landscape
Avatar for Nilesh Gule nileshgule
0
28
Improve Kubernetes with k8sGPT
Avatar for Nilesh Gule nileshgule
0
31

Other Decks in Technology

See All in Technology
【Oracle Cloud ウェビナー】[最新動向]：AIエージェント大量生産時代に突入、AI-Readyなデータプラットフォームのススメ
Avatar for oracle4engineer oracle4engineer
PRO
3
110
ドキュメントはAIの味方！スタートアップのアジャイルを加速するADR
Avatar for かわうそ kawauso
3
420
Go で言うところのアレは TypeScript で言うとコレ / Kyoto.なんか #7
Avatar for Susisu susisu
7
2k
JavaScript 研修
Avatar for Recruit recruitengineers
PRO
4
860
我々は雰囲気で仕事をしている / How can we do vibe coding as well
Avatar for Naomi Yamasaki naospon
2
220
新卒(ほぼ)専業Kagglerという選択肢
Avatar for Ryota nocchi1
1
2.4k
ZOZOTOWNフロントエンドにおけるディレクトリの分割戦略
Avatar for ZOZO Developers zozotech
PRO
18
5.7k
第4回 関東Kaggler会 [Training LLMs with Limited VRAM]
Avatar for tascj tascj
12
1.9k
「AI2027」を紐解く ― AGI・ASI・シンギュラリティ
Avatar for Masaya Mori (森正弥) / CAIO (Chief AI Officer) masayamoriofficial
0
120
[CVPR2025論文読み会] Linguistics-aware Masked Image Modeling for Self-supervised Scene Text Recognition
Avatar for So Uchida s_aiueo32
0
220
【 LLMエンジニアがヒューマノイド開発に挑んでみた 】 - 第104回 Machine Learning 15minutes! Hybrid
Avatar for soneo1127 soneo1127
0
150
イオン店舗一覧ページのパフォーマンスチューニング事例 / Performance tuning example for AEON store list page
Avatar for AEON aeonpeople
2
330

Featured

See All Featured
Docker and Python
Avatar for Tania Allard trallard
45
3.5k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.4k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
268
13k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
71
11k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
55
13k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
73
5k

Transcript

  1. Containerize React App Nilesh Gule @nileshgule Cloud Native Ninja

  2. None

  3. Multistage Docker file

  4. Summary ✓ Build : Built React app using npm commands

    ✓ Base images: Used Alpine based base image for Node ✓ Multistage Docker build: ✓ separate build using node base image and run stages using nginx base images ✓ Docker Hub: Publish container images

  5. Containerize Apps Resources https://github.com/NileshGule/cloud-native-ninja Slides https://www.slideshare.net/nileshgule/ https://speakerdeck.com/nileshgule/