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
31

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
0
16
API Management in the AI Era
Avatar for Nilesh Gule nileshgule
0
5
Infuse Intelligence into your Apps with Foundry Local
Avatar for Nilesh Gule nileshgule
0
8
API Managment in the AI Era
Avatar for Nilesh Gule nileshgule
0
13
GitHub Copilot Agent Mode
Avatar for Nilesh Gule nileshgule
0
33
Festive Tech Calendar 2024 - Supercharge Kubernetes Debugging with k8sGPT
Avatar for Nilesh Gule nileshgule
0
26
Supercharge Kubernetes Debugging with k8sGPT
Avatar for Nilesh Gule nileshgule
0
48
Code, Creativity and Customers - Navigating the Generative AI landscape
Avatar for Nilesh Gule nileshgule
0
25
Improve Kubernetes with k8sGPT
Avatar for Nilesh Gule nileshgule
0
27

Other Decks in Technology

See All in Technology
組織内、組織間の資産保護に必要なアイデンティティ基盤と関連技術の最新動向
Avatar for Naohiro Fujie fujie
0
270
How Do I Contact Jetblue Airlines® Reservation Number: Fast Support Guide
Avatar for John thejetblueairhelpsupport
0
150
データ戦略部門 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
3.3k
LLM拡張解体新書/llm-extension-deep-dive
Avatar for oracle4engineer oracle4engineer
PRO
23
6.2k
マルチプロダクト環境におけるSREの役割 / SRE NEXT 2025 lunch session
Avatar for sugamasao sugamasao
1
730
How to Quickly Call American Airlines®️ U.S. Customer Care : Full Guide
Avatar for goldfinch3710 flyaahelpguide
0
240
SREの次のキャリアの道しるべ 〜SREがマネジメントレイヤーに挑戦して、 気づいたこととTips〜
Avatar for coconala_engineer coconala_engineer
1
4.3k
cdk initで生成されるあのファイル達は何なのか/cdk-init-generated-files
Avatar for tomoki10 tomoki10
1
670
All About Sansan – for New Global Engineers
Avatar for Sansan, Inc. sansan33
PRO
1
1.2k
Introduction to Bill One Development Engineer
Avatar for Sansan, Inc. sansan33
PRO
0
260
An introduction to Claude Code SDK
Avatar for Akihiro Okuno choplin
2
1k
サイバーエージェントグループのSRE10年の歩みとAI時代の生存戦略
Avatar for shotaTsuge shotatsuge
4
1k

Featured

See All Featured
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
329
21k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
30
5.9k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
35
2.4k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
3.9k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
7
520
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.3k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
278
23k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
29
1.8k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
63
7.8k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
29
9.6k

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/