Recently, I had the pleasure of attending DeveloperWeek in Oakland, CA. In addition to working the Akamai booth, making new friends, and spreading the good word of cloud computing, my team mate, Talia and I were tasked with creating a demo to showcase the new VPC product. Background A Virtual Private Cloud (VPC) enables private communication between two cloud compute instances, isolating network traffic from other internet users, thus improving security. So, how did I decide to showcase this? By building a little Pokémon dashboard, of course. I deployed two apps, each consisting of an app serv ..read more

Surprise! This is a bonus blog post for the AI for Web Devs series I recently wrapped up. If you haven’t read that series yet, I’d encourage you to check it out. AI for Web Devs: Project Introduction & Setup This post will look at the existing project architecture and ways we can improve it for both application developers and the end user. I’ll be discussing some general concepts, and using specific Akamai products in my examples. Basic Application Architecture The existing application is pretty basic. A user submits two opponents, then the application streams back an AI-generated resp ..read more

Welcome back to this series where we have been learning how to build web applications with AI. So far in this series, we’ve created a working app that uses AI to determine who would win in a fight between two user-provided opponents and generates text responses and images. It’s working, but we’ve been following the happy path. Intro & Setup Your First AI Prompt Streaming Responses How Does AI Work Prompt Engineering AI-Generated Images Security & Reliability Deploying In this post, we’re going to talk about what happens when things don’t follow the happy path by accounting for error ..read more

Welcome back to this series where we are learning how to integrate AI products into web application. Intro & Setup Your First AI Prompt Streaming Responses How Does AI Work Prompt Engineering AI-Generated Images Security & Reliability Deploying In this post, we are going to use AI to generate images. Before we get to that, there’s another components I want to add to our existing application. Dialog Component: This is a modal-like pop-up designed to show content and be dismissed with the mouse or keyboard. Create A Dialog Component Before showing an image, we need a place to put i ..read more

Welcome back to this series where we are building web applications that incorporate AI tooling. In the previous post, we covered what AI is, how it works, and some related terminology. Intro & Setup Your First AI Prompt Streaming Responses How Does AI Work Prompt Engineering AI-Generated Images Security & Reliability Deploying In this post, we’re going to cover prompt engineering, which is a way to modify your application’s behavior without changing the code. Since it’s challenging to explain without seeing the code, let’s get to it. Start Adapting the UI I hope you’ve come up with ..read more

This one will be a little detour from the usual tech stuff. Last week, was one of the most fun-packed weeks I’ve ever had. It went like this: Wednesday: Work, then I invited 5 other friends to unlimited play at Ground Kontrol. We played lots of fun arcade games and tons of pinball. I’ve been really into pinball lately, so this was a treat. Thursday: Work, then celebrated a friend’s birthday at Oaks Park roller skating rink, then pizza and cake at her parent’s house. I got to make a whole bunch of new friends. Friday: Work then attended a 1990s-2000s era MTV Spring Break house party with anoth ..read more

Welcome back to this series where we are learning how to integrate AI tooling into web applications. In the previous posts, we got our project set up and did some basic integration. Intro & Setup Your First AI Prompt Streaming Responses How Does AI Work Prompt Engineering AI-Generated Images Security & Reliability Deploying So far we’ve built a very basic UI with a text area that takes whatever the user writes and sends it over HTTP to OpenAI’s API. When the streaming response returns, it updates the page with each bit of text as it arrives. That’s well and good, but it’s really not ..read more

Welcome back to this series where we’re building web applications with AI tooling. Intro & Setup Your First AI Prompt Streaming Responses How Does AI Work Prompt Engineering AI-Generated Images Security & Reliability Deploying In the previous post, we got AI generated jokes into our Qwik application from OpenAI API. It worked, but the user experience suffered because we had to wait until the API completed the entire response before updating the client. A better experience, as you’ll know if you’ve used any AI chat tools, is to respond as soon as each bit of text is generated. It beco ..read more

Welcome back to this series where we are learning how to integrate AI products into web applications. Intro & Setup Your First AI Prompt Streaming Responses How Does AI Work Prompt Engineering AI-Generated Images Security & Reliability Deploying Last time, we got all the boilerplate work out of the way. In this post, we’ll learn how to integrate OpenAI’s API responses into our Qwik app using fetch. We’ll want to make sure we’re not leaking API keys by executing these HTTP requests from a backend. By the end of this post, we will have a rudimentary, but working AI application. Gener ..read more

If you’re anything like me, you’ve noticed the massive boom in AI technology. It promises to disrupt not just software engineering but every industry. THEY’RE COMING FOR US!!! Just kidding ;P I’ve been bettering my understanding of what these tools are and how they work, and decided to create a tutorial series for web developers to learn how to incorporate AI technology into web apps. In this series, we’ll learn how to integrate OpenAI‘s AI services into an application built with Qwik, a JavaScript framework focused on the concept of resumability (this will be relevant to understand later). He ..read more