In this series, weβll build a searchable Next.js Image Gallery with the Next.js App Directory, Tailwind CSS, TypeScript and Zod.
If you get stuck on any lesson in the series, (1) navigate to the course branch for your current lesson and (2) view or (3) download the code for more help.
In this series, Iβll assume you know the fundamentals of Next.js, TypeScript, and Tailwind CSS. If you need help, see the Net Ninjaβs introductory series on each of those topics.
- Node.js (npm / npx)
- Next.js
- Pexels API Key
Create a .env.local file to store your API key. Example below:
PEXELS_API_KEY=your-API-key-value
npm install
npm run dev
npm run build
- π Next.js Official Site
- π Pexels API
- π TailwindCSS Official Site
- π TypeScript Official Site
- π Zod Official Site
- π Plaiceholder
- π Envalid
π Hello, I'm Dave Gray.
π My Courses
β Check out my YouTube Channel with hundreds of tutorials.
β Buy Me A Coffee
π Follow Me:
DO NOT COPY FOR AN ASSIGNMENT - Avoid plagiarism and adhere to the spirit of this Academic Honesty Policy.