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

Today we’re going to be wrapping up this series on file uploads for the web. If you’ve been following along, you should now be familiar with enabling file uploads on the front end and the back end. We’ve covered architectural decisions to reduce cost on where we host our files and improve the delivery performance. So I thought we would wrap up the series today by covering security as it relates to file uploads. In case you’d like to go back and revisit any earlier blogs in the series, here’s a list of what we’ve covered so far: Upload files with HTML Upload files with JavaScript Receive uploa ..read more

Welcome back to this series all about file uploads for the web. In the previous posts, we covered things we had to do to upload files on the front end, things we had to do on the back end, and optimizing costs by moving file uploads to object storage. Upload files with HTML Upload files with JavaScript Receive uploads in Node.js (Nuxt.js) Optimize storage costs with Object Storage Optimize performance with a CDN Upload security & malware protection Today, we’ll do more architectural work, but this time it’ll be focused on optimizing performance. Recap of Object Storage Solution By now ..read more

Welcome back to this series all about file uploads for the web. In the previous posts, we covered things we had to do to upload files on the front end, things we had to do on the back end, and optimizing costs by moving file uploads to object storage. Upload files with HTML Upload files with JavaScript Receive uploads in Node.js (Nuxt.js) Optimize storage costs with Object Storage Optimize performance with a CDN Secure uploads with malware scans Today, we’ll do more architectural work, but this time it’ll be focused on optimizing performance. Recap of Object Storage Solution By now, we sho ..read more

This is the fourth post in a series all about uploading files for the web. In the previous posts, we covered uploading files using just HTML, uploading files using JavaScript, and how to receive file uploads on a Node.js server. Upload files with HTML Upload files with JavaScript Receive uploads in Node.js (Nuxt.js) Optimize storage costs with Object Storage Optimize performance with a CDN Secure uploads with malware scans This post is going to take a step back and explore architectural changes to reduce costs when adding file uploads to our applications. By this point, we should be receiv ..read more

Welcome back to this series on uploading files to the web. You don’t need to read the previous posts to follow along with this one, but the whole series looks like this: Upload files with HTML Upload files with JavaScript Receive uploads in Node.js (Nuxt.js) Optimize storage costs with Object Storage Optimize performance with a CDN Secure uploads with malware scans The previous posts covered uploading files using HTML and JavaScript. The steps required: Using an <input> element with the file type attribute to access the files. Constructing HTTP requests with either a <form> elem ..read more

Today I wanted to talk to you about developer blogs. To really set the tone, I’ll point to this this tweet by Mark Dalgleish. It’s hilarious because it perfectly captures how developers love to over-engineer their website. I know people that have rebuilt their website more times than they’ve actually written content for it. And to be fair, I think that’s perfectly fine. Rebuilding your website is a great way to learn new technologies and keep our skills sharp. But if you actually want to focus on writing, I recommend steering away from those technical distractions on your website. Dedicate ..read more

I recently had to work on a project with some interesting requirements: Host a static website With a user-friendly file upload process Running on a custom domain With an SSL certificate And have root access to the server (for…reasons) Most of those requirements would actually be very easy to fulfill with a 3rd party provider. But that last one. That’s the tricky one. Most service providers don’t give you root level access. Which means I’d have to do this all myself on a Virtual Private Server (VPS). And I did, so I thought I’d share in case you (or future me) ever have these same needs. Prov ..read more