Coding tips
Gemini Structured Output With Zod in Next.js
Describe the JSON once in Zod, send z.toJSONSchema() to Gemini as responseJsonSchema, then validate the reply with safeParse and retry once with the errors.
// notes/
Next.js
Coding tips and build notes by Mahir Faysal, a student web developer in Bangladesh: tested Python, HTML, CSS, JavaScript and PHP tutorials, plus notes from my Next.js and Gemini projects. Sample posts are marked and drafts stay in the admin area.
#Beginners
#Security
#PHP
#Forms
#Next.js
#TypeScript
#CSS
#Gemini API
#HTML
#JavaScript
#Layout
#localStorage
#Python
#Zod
#Zustand
#Accessibility
#Arrays
#Async
#Canvas API
#CSS Grid
#Email
#Flexbox
#List comprehension
#MySQL
Coding tips
How to Add a Gemini API Key to Next.js and Vercel
Step by step: a Gemini key from Google AI Studio in .env.local, a server-only helper, a Next.js route handler, Vercel environment variables and a leak test.
Learning notes
Building an Offline Study Planner With No Backend
How I built StudyPilot to run fully in the browser with localStorage, a drag-and-drop dashboard and a rule-based planner that picks what to study today.
Learning notes
How I Kept My AI API Key Off the Browser in a Quiz App
How I built Quizwright so the Gemini API key never reaches the browser: one Next.js server route, a server-only import, Zod checks and a single retry.
// filter
You are inside a slice of the notes.
This view is only the category, tag, or search you asked for. Sample warnings still apply on any article that carries them. Drafts are still hidden. The full list is the learning notes page, which also explains how a note is written and why some posts are marked Sample.