Hi there! I'm Loyd
Full Stack Next.js & AI Developer
Specializing in Next.js, React.js, Shopify, Supabase, PostgreSQL, and AI architecture.
About me
I'm a Full-stack developer with 5+ years of experience specializing in building scalable web applications and AI-powered products for tech startups and SaaS companies.
Skilled in Next.js, AI integrations, LLM-powered features, and n8n automations, along with SEO management and Google Analytics, with strong problem-solving abilities and a focus on efficiency and quality.
Attainment
Github Contributions
Vite
JavaScript
Next.js
Node.js
Vite
TailwindCSS
Redux
Shadcn
HTML
TypeScript
TypeScript
Redux
MongoDB
Next.js
Vercel
Supabase
Google Analytics
Git
PostgreSQL
Git
MongoDB
Supabase
Shadcn
Vercel
Figma
Figma
MySQL
HTML
Node.js
Express
Prisma
Express
React
CSS
CSS
MySQL
Prisma
Google Analytics
JavaScript
TailwindCSS
React
PostgreSQL
Next.js
React
Vercel
Node.js
Prisma
TailwindCSS
MongoDB
Shadcn
Node.js
Redux
HTML
Supabase
TypeScript
PostgreSQL
Google Analytics
JavaScript
Google Analytics
JavaScript
MySQL
HTML
Figma
Vercel
React
TailwindCSS
Vite
MySQL
TypeScript
Express
Figma
Express
Vite
CSS
Supabase
Git
Redux
CSS
Next.js
MongoDB
Prisma
Shadcn
PostgreSQL
Git
PostgreSQL
Node.js
PostgreSQL
TypeScript
Google Analytics
Redux
HTML
TailwindCSS
Express
Node.js
React
JavaScript
JavaScript
Google Analytics
Next.js
MongoDB
Figma
Vercel
Supabase
Shadcn
Prisma
MySQL
TypeScript
Figma
CSS
Vite
React
Redux
Next.js
Vercel
MongoDB
Git
Supabase
CSS
Git
Vite
TailwindCSS
Shadcn
Express
HTML
MySQL
Prisma
HTML
Express
TailwindCSS
PostgreSQL
Prisma
Shadcn
Vercel
React
PostgreSQL
Next.js
Redux
Supabase
Next.js
Git
Figma
MySQL
Google Analytics
MongoDB
Express
CSS
JavaScript
Node.js
TypeScript
Vite
MongoDB
Vite
Shadcn
TailwindCSS
Figma
Google Analytics
Prisma
CSS
React
Git
TypeScript
Vercel
MySQL
Node.js
JavaScript
Supabase
Redux
HTML
My Projects
TomoAI
Next.js
Groq AI
ElevenLabs TTS
Azure STT
Live2D Cubism
Postgresql
Google Auth
Stripe
Edge Runtime
PWA
An AI companion app with Live2D characters. Users can create multiple companions, tune their personalities, and unlock new places by earning XP, with Pro plans via Stripe.
Automated Affiliate Content Pipeline
n8n
Open AI
LLM
Prompt Engineering
Serper API
Involve Asia API
Sanity
Next.js
SSG
Sitemap
An n8n-powered AI pipeline that researches, generates, and publishes SEO-focused affiliate listicles automatically, producing article each day.
TikTok Affiliate Automation
n8n
Open AI
GPT Image
Seedance 2.0
Kie.ai
Prompt Engineering
Telegram Bot
Google Sheets
TikTok API
An n8n-powered AI pipeline that turns a product photo sent on Telegram into an AI-generated, UGC-style video and uploads it straight to TikTok as a draft.
ShopSnap
Next.js
JWT Auth
Supabase
Neon Postgresql
SaaS
Stripe
Background Remover
Edge Runtime
Async Uploads
A full SaaS application that allows users to upload images, remove their backgrounds, and transform them into product-ready visuals. It features real-time payment processing powered by Stripe.
ToplistPH
Next.js
Sanity CMS
GROQ
Portable Text
Tailwind CSS
ISR
Edge Runtime
Dynamic OG
A product-review site for shoppers in the Philippines that ranks gadgets, accessories, and everyday tools by value. Editors publish roundups from Sanity, plus SEO-ready pages and generated Open Graph images.
Experience
Full Stack Next.js Developer
Freelance
Norelie Supplements Shopify Store
Shopify
Liquid
Dawn
GemPages
Kaching Bundles
Figma
Next.js
App Router
Storefront API
TypeScript
Tailwind CSS
Vercel
- Built Norelie’s supplements store on the Dawn theme, turning Figma designs into custom Liquid sections and blocks, including new product page designs with bundles, upsells, a cart drawer, and filters.
- Made every section fully customizable in the theme editor with dynamic data from metafields and metaobjects, and managed the store’s products, pages, and overall theme, including performance work.
- Rebuilt content and product pages as a headless Next.js App Router frontend, pulling data from the Storefront API with metaobjects acting as a CMS, deployed on Vercel.
AI Roleplay Chat Platform
Next.js
Shadcn
Zustand
OpenAI
Groq
ElevenLabs
Azure STT
Edge Runtime
Google Cloud Functions
Sentry
PostHog
SEO
- Built the core chat experience with streaming responses, voice-to-voice communication, and companion/roleplay personas (fantasy, anime, and custom characters).
- Established the app’s early technical foundation as the first engineer, including performance work, SEO, observability (Sentry/PostHog), and production deployment.
- Integrated multi-provider AI and voice pipelines (OpenAI/Groq + ElevenLabs + Azure STT) on Edge Runtime and cloud functions.
AI Live2D Companion Platform
Next.js
Live2D
Cubism
Azure STT
ElevenLabs
Groq
Zustand
Shadcn
Vercel
- Developed a new AI companion product with interactive Live2D characters, including mouth sync, expression/movement behavior, and Cubism-based character adjustments.
- Implemented real-time voice interaction using Azure speech-to-text and ElevenLabs TTS, paired with Groq-powered text generation.
- Delivered a production-ready full-stack experience reusing and extending patterns from the earlier chat platform.
AI NSFW Media Aggregation Platform
Next.js
SSR
PPR
Redis
MongoDB
Vercel
Caching
SEO
- Sole full-stack builder of an AI media aggregation/discovery platform from scratch, focused on browsable AI-generated media across multiple formats and styles.
- Implemented Next.js performance architecture with SSR, partial prerendering, Redis caching, and static/dynamic rendering strategies for scale.
- Shipped a production site with click-based monetization and a stack centered on Next.js, MongoDB, and Redis.
Front End React.js Developer
ZKRIPT SOLUTIONS OPC
React
Redux
Axios
Figma
Trello
Discord
Agile
UI Development
Performance
- Developed employee monitoring platform UIs from Figma designs using React, Redux, and Axios.
- Collaborated with designers and backend devs via Trello and Discord in an agile workflow.
- Delivered scalable, maintainable code focused on performance and clean architecture.