Building Websites in 2026

Building Websites in 2026: From $2000 Custom Jobs to AI-Generated Apps in Minutes

Remember the early 2000s? Building a website for a company or organization would cost around $2,000 and require weeks of coding with HTML, JavaScript, and PHP/MySQL. Fast forward to today, and the landscape has completely transformed. Thanks to automation and AI, anyone can build a functional website within minutes.

The Evolution of Web Development

The core challenge of building websites hasn't changed—it's still about control, flexibility, and maintenance. What has changed dramatically are the tools and approaches available to us. Let me break down your options:

1. Code It Yourself

For developers who want maximum control, powerful frameworks like Bootstrap combined with HTML5 and JavaScript remain excellent choices. This approach gives you complete flexibility but requires coding knowledge.

2. Use a CMS Platform

If you don't want to write code, Content Management Systems (CMS) are your friend. Popular options include:

• WordPress - The most widely used CMS
• Drupal - Great for complex sites
• Joomla - A solid middle-ground option
• Wix - The ultimate beginner-friendly platform

3. Let AI Build It For You

This is where things get really interesting. AI-powered tools like Google's AI Studio can now generate complete websites based on simple prompts.

My Experiment with Google AI Studio

I decided to put AI website generation to the test. Here's what happened when I asked AI to revamp my existing site at https://www.yanaihome.com/aiStudio.

The Prompt

"I have an old website at https://www.yanaihome.com/. Can you revamp it with a mobile-friendly version?"

The Results

Within minutes, AI Studio generated a fully functional site. But it didn't stop there. I kept requesting additional features:

• Blog section with admin login
• Google AdSense integration
• Various improvements during testing

The AI updated the code accordingly with each prompt. The default technology stack it chose was React, which is a modern and powerful choice.

Getting It Running Locally

Once I was satisfied with the initial build, I downloaded the project as a zip file. To run it locally, I needed to set up the development environment:

Prerequisites

• Node.js (version 18 or higher recommended)
• NPM (Node Package Manager)
• Vite (comes with the project—this is the build tool that makes everything lightning fast)

You can verify your setup by checking your NPM version:

npm -v

Download the latest version at https://nodejs.org/en/download if needed.

Running the Project

npm install        # Install dependencies
npm run build      # Create production build
npm run dev        # Run development server

Since I use VS Code for development, I asked the AI to generate the appropriate .vscode configuration files. Now I can simply hit F5 to run and preview changes instantly.

Deployment: The Old Way vs. The Modern Way

The Old Way (What I'm Currently Doing)

I'm using HostPapa, a traditional hosting service with cPanel and FTP access. This means:

1. Build the project locally (npm run build)
2. Upload the contents of the dist folder via FTP
3. Repeat every time I make changes

It works, but it's tedious and outdated.

The Modern Way (CI/CD)

Modern frontend engineers use Continuous Integration/Continuous Deployment (CI/CD) platforms like:

• Vercel
• Netlify
• Cloudflare Pages

Here's the streamlined workflow:

1. Make changes in VS Code
2. Commit and push code to GitHub
3. The hosting platform automatically detects the push, runs npm run build on their servers, and updates your website in seconds

No manual uploads. No FTP. Just pure automation.

My Next Steps

Check out the live site at https://www.yanaihome.com/aiStudio/ to see the AI-generated result!

Here's what I'm planning next:

1. Stop manual uploads - Create a free account on Vercel.com
2. Connect GitHub - Put this code in a GitHub repository
3. Deploy automatically - Link the repo to Vercel so that whenever I save and push code in VS Code, my site updates automatically
4. Optimize and iterate - Continue refining the site with AI assistance

Understanding Vite

You might be wondering, "What's Vite?" Think of it as the super-fast engine behind your modern website—a translator and organizer that makes development incredibly efficient. It's one of the reasons why modern web development feels so much faster than it did in the early 2000s.

The Bottom Line

We've come a long way from spending weeks and thousands of dollars on basic websites. AI-powered tools have democratized web development, making it accessible to everyone regardless of technical skill. Whether you choose to code from scratch, use a CMS, or leverage AI generation, the barriers to getting online have never been lower.

The future of web development isn't just about writing code—it's about knowing how to direct AI tools, understanding deployment workflows, and choosing the right approach for your needs. Welcome to 2025, where your biggest challenge isn't building a website—it's deciding which of the many excellent options to use.

After thought: AI is just infant and inmature..... a long way to go, dont think will replace any software within my life. Just play for fun.

Google is Moving!

During the year-end break of 2025, I finally gave myself permission to slow down a little—and as expected for someone who enjoys technology, that “slow down” turned into time spent exploring Google AI tools. What started as casual curiosity quickly became hands-on experimentation, personal projects, and even deeper thoughts about career direction. This post is a reflection on that journey, what I learned, and where it might lead.

1. Google Gemini: A Name That Stuck with Me

Let’s start with Google Gemini.

First of all, the name itself is genuinely cool. “Gemini” implies duality, intelligence, adaptability, and multiple perspectives—qualities that fit perfectly with what modern AI is trying to achieve. On a more personal note, Gemini also happens to be my wife’s astrological sign, which instantly made the name feel familiar and warm rather than abstract or corporate. 😊

From a usage perspective, Gemini feels like Google’s answer to a new generation of AI interactions. It’s not just about answering questions—it’s about reasoning, summarizing, coding, brainstorming, and creating. I found myself using it in three main ways:

• Drafting and refining text
• Exploring technical ideas quickly
• Acting as a thinking partner rather than just a search engine

What impressed me most is how natural it feels to collaborate with Gemini. It doesn’t replace thinking; instead, it accelerates it. That distinction matters.

---

2. Google AI Studio: Learning by Building

The most fun part of my exploration was Google AI Studio.

I played with the free version, and honestly, it was more powerful than I expected. Rather than just reading documentation, I jumped straight into building small but real projects. This “learn by doing” approach made the experience much more meaningful.

Here are two projects I created during that time:

🔹 Personal Website Revamp

https://yanaihome.com/aiStudio/

I used AI Studio to rethink and rework parts of my personal website. Instead of starting from scratch, I experimented with layouts, content structure, and interaction ideas. AI accelerated the brainstorming phase and helped me move faster from idea to execution.

🔹 Maple Leaf ETF Tracker (For Fun)

https://yanaihome.com/MapleLeafETF/

This was more of a playful experiment—tracking ETFs related to Canadian themes. It wasn’t meant to be production-grade software, but it helped me connect AI tooling with financial data concepts, UI generation, and backend logic. Even “just for fun” projects can teach real skills if you approach them seriously.

The biggest takeaway from AI Studio is this: AI lowers the barrier between an idea and a working prototype. That’s incredibly empowering.

---

3. Google Developer Platform and Skill Growth 

Another pleasant surprise was Google Developer resources, especially skills.google/

The platform is clean, structured, and encouraging. Instead of overwhelming users, it offers guided learning paths that feel achievable—even for someone balancing a full-time job. As I explored it, something unexpected happened: I started thinking seriously about career expansion, not just skill upgrades.

---

4. Career "Pivot" Strategy: From Backand to Data Engineering

Having worked at the University of Alberta for nearly 20 years, I’ve accumulated something that’s hard to replicate: institutional knowledge. I know how legacy systems work, where the pain points are, and—figuratively speaking—where the “bodies are buried.”

That knowledge is not a liability in the age of AI; it’s an asset.

Rather than a radical career change, what makes sense for me is a pivot—leveraging my backend experience while moving toward data engineering and cloud platforms.

Here’s how I now see the transition:

The Tech Shift: How to Move Forward

Current Skill → New Skill → Learning Path

• SQL Queries / Stored Procedures → BigQuery / Snowflake
  Learn Analytical SQL: window functions, CTEs, and query optimization at scale.

• Database Administration → Cloud Architecture
  Pursue a GCP Associate Cloud Engineer certification to understand infrastructure, security, and scalability.

• Manual Data Cleaning → Python (Pandas / PySpark)
  Python is the glue of the cloud—connecting data, APIs, transformation logic, and automation.

• Fixed Schemas → Data Lakes (Parquet, NoSQL)
  Learn how to store and process data before the schema is fully defined—a key modern data concept.

This isn’t abandoning what I know; it’s extending it into environments where AI and data naturally live.

---

The Tech Shift (The "How")

Current Skill (Backend)	New Skill (Data Engineering)	Learning Path
SQL Queries / Stored Procs	BigQuery / Snowflake	Learn "Analytical SQL" (Window functions, CTEs).
Database Administration	Cloud Architecture	Get a "GCP Associate Cloud Engineer" cert.
Manual Data Cleaning	Python (Pandas/PySpark)	Python is the "glue" of the cloud.
Fixed Schemas	Data Lakes (NoSQL/Parquet)	Understand how to store data before it has a schema.

Final Thoughts

What began as playful experimentation during a holiday break turned into real inspiration. Google AI tools—Gemini, AI Studio, and Developer learning paths—did more than showcase technology. They reminded me that learning doesn’t stop with seniority, and careers don’t have to follow a straight line.

Sometimes, all it takes is curiosity, a bit of free time, and the willingness to build something—even “just for fun.”

2026 suddenly feels a lot more interesting.