Server Side Rendering with NextJS to Hide API Keys
To prevent the Igbo API homepage from exposing a sensitive API Key, I decided to use Server Side Rendering to hide the key while still being able to serve words to the client.
In this video, I'm going to walk through how I used Next JS to Server Side Render the API Homepage
Igbo API GitHub: https://github.com/ijemmao/igbo_api
Volunteer Form: https://nkowaokwu.com/volunteer
🎬 Subscribe to the channel! - / @ijemmaonwuzulike
Timestamps:
0:00 Intro
0:22 What is Server Side Rendering?
0:53 Why Use SSR for the Igbo API Homepage?
2:49 Igbo API Homepage Code Walkthrough
4:28 Technical Walkthrough of getServerSideProps
7:28 Rendering Server Side Rendered Data in the Client
8:01 The Downside to Server Side Rendering the Igbo API Homepage
9:54 Contribute to the Igbo API!
Resources:
Server Side Rendering Graphics - https://www.educative.io/edpresso/wha...
== Let's Connect ==
🐦 Twitter - / ijemmaohno
== Who I Am ==
I'm Ijemma, a frontend software engineer currently working in New York City. I make videos on all things JavaScript and, more broadly, frontend web development.
Icons from Freepik
#javascript #webdevelopment #softwareengineer