Project
American Prep Academy
Year
2026
Service
Web development
American Prep Academy
American Prep Academy
Project Overview
The project involved redesigning and rebuilding the academy's website from a traditional setup into a fast, responsive web application. Key objectives included creating an engaging landing page, showcasing educational services, simplifying the enrollment process, and integrating third-party platforms for student management.
Tech Stack
Next.js 16
React
TypeScript
Tailwind CSS
Vercel (Hosting)
Google Sheets API
Vercel Blob Storage
Google Workspace
GoDaddy DNS
Project Overview
The project involved redesigning and rebuilding the academy's website from a traditional setup into a fast, responsive web application. Key objectives included creating an engaging landing page, showcasing educational services, simplifying the enrollment process, and integrating third-party platforms for student management.
Tech Stack
Next.js 16
React
TypeScript
Tailwind CSS
Vercel (Hosting)
Google Sheets API
Vercel Blob Storage
Google Workspace
GoDaddy DNS
The Problem
The academy's existing website had several limitations:
Outdated design with limited user engagement.
No streamlined workflow for collecting student and tutor applications.
Difficult content management and poor scalability.
Manual processing of submitted forms.
Complex hosting environment involving GoDaddy, cPanel, Google Workspace, and an external LMS.
Need to maintain the LMS while migrating the public-facing website.
The Problem
The academy's existing website had several limitations:
Outdated design with limited user engagement.
No streamlined workflow for collecting student and tutor applications.
Difficult content management and poor scalability.
Manual processing of submitted forms.
Complex hosting environment involving GoDaddy, cPanel, Google Workspace, and an external LMS.
Need to maintain the LMS while migrating the public-facing website.
The Solution
Built a fully responsive Next.js application that addressed both technical and business requirements.
Key Implementations
Developed a modern landing page optimized for performance and SEO.
Integrated dynamic student and tutor application forms.
Stored applicant information automatically in Google Sheets.
Uploaded resumes and documents securely using Vercel Blob Storage.
Configured Google Workspace email services and DNS records.
Managed domain migration and deployment on Vercel while preserving the existing LMS on a dedicated subdomain.
Implemented responsive layouts, reusable UI components, and optimized image loading.
Added SEO improvements including metadata, robots.txt, sitemap, and performance optimizations.
The Solution
Built a fully responsive Next.js application that addressed both technical and business requirements.
Key Implementations
Developed a modern landing page optimized for performance and SEO.
Integrated dynamic student and tutor application forms.
Stored applicant information automatically in Google Sheets.
Uploaded resumes and documents securely using Vercel Blob Storage.
Configured Google Workspace email services and DNS records.
Managed domain migration and deployment on Vercel while preserving the existing LMS on a dedicated subdomain.
Implemented responsive layouts, reusable UI components, and optimized image loading.
Added SEO improvements including metadata, robots.txt, sitemap, and performance optimizations.
The Result
Faster and more professional website with significantly improved user experience.
Automated application workflow, eliminating manual data entry.
Secure cloud-based document storage.
Improved website performance, responsiveness, and search engine visibility.
Successfully integrated multiple external services without disrupting the academy's LMS.
Delivered a scalable architecture that allows future expansion of educational services and enrollment features.
The Result
Faster and more professional website with significantly improved user experience.
Automated application workflow, eliminating manual data entry.
Secure cloud-based document storage.
Improved website performance, responsiveness, and search engine visibility.
Successfully integrated multiple external services without disrupting the academy's LMS.
Delivered a scalable architecture that allows future expansion of educational services and enrollment features.
