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.
// notes/
Vercel
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
// 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.