Skip to main content

Code. Create. Innovate.

Hi, I'm Nathan

A Next.js Developer

Professional headshot of Nathan Watkins, a Next.js developer
Bento grid image
My Start
During COVID, I built a Chrome extension to automate class attendance. Coding to make life easier flipped my learning paradigm.
/bento/globe.jpeg
headshot
Los Angeles, CA
Ready to relocate
My tech stack
I constantly try to improve
React.js
JavaScript library for building interactive user interfaces efficiently.
Next.js
React framework for production-grade applications with server-side rendering.
Prisma
Next-generation ORM for Node.js and TypeScript.
TypeScript
Typed superset of JavaScript that compiles to plain JavaScript.
Firebase
Platform for building web and mobile applications.
HTML5
Markup language for structuring web content.
CSS3
Style sheet language for designing web page layouts.
Tailwind
Utility-first CSS framework for rapid UI development.
ES6+
Modern version of JavaScript with enhanced features.
Jest
JavaScript testing framework with a focus on simplicity.
Git
Distributed version control system for tracking code changes.
AWS Amplify
Set of tools for building scalable mobile and web apps.
Recoil
State management library for React applications.
Material-UI
React UI framework with pre-built components.
ShadCN
Customizable UI components for modern web applications.
Zod
TypeScript-first schema declaration and validation library.
React.js
JavaScript library for building interactive user interfaces efficiently.
Next.js
React framework for production-grade applications with server-side rendering.
Prisma
Next-generation ORM for Node.js and TypeScript.
TypeScript
Typed superset of JavaScript that compiles to plain JavaScript.
Firebase
Platform for building web and mobile applications.
HTML5
Markup language for structuring web content.
CSS3
Style sheet language for designing web page layouts.
Tailwind
Utility-first CSS framework for rapid UI development.
ES6+
Modern version of JavaScript with enhanced features.
Jest
JavaScript testing framework with a focus on simplicity.
Git
Distributed version control system for tracking code changes.
AWS Amplify
Set of tools for building scalable mobile and web apps.
Recoil
State management library for React applications.
Material-UI
React UI framework with pre-built components.
ShadCN
Customizable UI components for modern web applications.
Zod
TypeScript-first schema declaration and validation library.
React.js
JavaScript library for building interactive user interfaces efficiently.
Next.js
React framework for production-grade applications with server-side rendering.
Prisma
Next-generation ORM for Node.js and TypeScript.
TypeScript
Typed superset of JavaScript that compiles to plain JavaScript.
Firebase
Platform for building web and mobile applications.
HTML5
Markup language for structuring web content.
CSS3
Style sheet language for designing web page layouts.
Tailwind
Utility-first CSS framework for rapid UI development.
ES6+
Modern version of JavaScript with enhanced features.
Jest
JavaScript testing framework with a focus on simplicity.
Git
Distributed version control system for tracking code changes.
AWS Amplify
Set of tools for building scalable mobile and web apps.
Recoil
State management library for React applications.
Material-UI
React UI framework with pre-built components.
ShadCN
Customizable UI components for modern web applications.
Zod
TypeScript-first schema declaration and validation library.
React.js
JavaScript library for building interactive user interfaces efficiently.
Next.js
React framework for production-grade applications with server-side rendering.
Prisma
Next-generation ORM for Node.js and TypeScript.
TypeScript
Typed superset of JavaScript that compiles to plain JavaScript.
Firebase
Platform for building web and mobile applications.
HTML5
Markup language for structuring web content.
CSS3
Style sheet language for designing web page layouts.
Tailwind
Utility-first CSS framework for rapid UI development.
ES6+
Modern version of JavaScript with enhanced features.
Jest
JavaScript testing framework with a focus on simplicity.
Git
Distributed version control system for tracking code changes.
AWS Amplify
Set of tools for building scalable mobile and web apps.
Recoil
State management library for React applications.
Material-UI
React UI framework with pre-built components.
ShadCN
Customizable UI components for modern web applications.
Zod
TypeScript-first schema declaration and validation library.
GraphQL
Query language for APIs and runtime for executing queries.
MySQL
Open-source relational database management system.
Google Cloud
Suite of cloud computing services by Google.
Sentry
Application monitoring and error tracking software.
Google Analytics
Web analytics service for tracking website traffic.
ESLint
Static code analysis tool for identifying problematic JavaScript patterns.
Prettier
Opinionated code formatter for consistent code style.
Figma
Cloud-based design and prototyping tool.
Stripe API
Payment processing platform for online businesses.
React-Icons
Icon library for React applications.
Paypal API
Online payment system supporting money transfers.
Context API
React's built-in state management for component trees.
Vite
Next-generation frontend tooling for faster development.
Postman
API development and testing tool.
PostgreSQL
Powerful, open-source object-relational database system.
Clerk Auth
User authentication and management solution.
Next Auth
Authentication system for Next.js applications.
REST APIs
Architectural style for designing networked applications.
GraphQL
Query language for APIs and runtime for executing queries.
MySQL
Open-source relational database management system.
Google Cloud
Suite of cloud computing services by Google.
Sentry
Application monitoring and error tracking software.
Google Analytics
Web analytics service for tracking website traffic.
ESLint
Static code analysis tool for identifying problematic JavaScript patterns.
Prettier
Opinionated code formatter for consistent code style.
Figma
Cloud-based design and prototyping tool.
Stripe API
Payment processing platform for online businesses.
React-Icons
Icon library for React applications.
Paypal API
Online payment system supporting money transfers.
Context API
React's built-in state management for component trees.
Vite
Next-generation frontend tooling for faster development.
Postman
API development and testing tool.
PostgreSQL
Powerful, open-source object-relational database system.
Clerk Auth
User authentication and management solution.
Next Auth
Authentication system for Next.js applications.
REST APIs
Architectural style for designing networked applications.
GraphQL
Query language for APIs and runtime for executing queries.
MySQL
Open-source relational database management system.
Google Cloud
Suite of cloud computing services by Google.
Sentry
Application monitoring and error tracking software.
Google Analytics
Web analytics service for tracking website traffic.
ESLint
Static code analysis tool for identifying problematic JavaScript patterns.
Prettier
Opinionated code formatter for consistent code style.
Figma
Cloud-based design and prototyping tool.
Stripe API
Payment processing platform for online businesses.
React-Icons
Icon library for React applications.
Paypal API
Online payment system supporting money transfers.
Context API
React's built-in state management for component trees.
Vite
Next-generation frontend tooling for faster development.
Postman
API development and testing tool.
PostgreSQL
Powerful, open-source object-relational database system.
Clerk Auth
User authentication and management solution.
Next Auth
Authentication system for Next.js applications.
REST APIs
Architectural style for designing networked applications.
GraphQL
Query language for APIs and runtime for executing queries.
MySQL
Open-source relational database management system.
Google Cloud
Suite of cloud computing services by Google.
Sentry
Application monitoring and error tracking software.
Google Analytics
Web analytics service for tracking website traffic.
ESLint
Static code analysis tool for identifying problematic JavaScript patterns.
Prettier
Opinionated code formatter for consistent code style.
Figma
Cloud-based design and prototyping tool.
Stripe API
Payment processing platform for online businesses.
React-Icons
Icon library for React applications.
Paypal API
Online payment system supporting money transfers.
Context API
React's built-in state management for component trees.
Vite
Next-generation frontend tooling for faster development.
Postman
API development and testing tool.
PostgreSQL
Powerful, open-source object-relational database system.
Clerk Auth
User authentication and management solution.
Next Auth
Authentication system for Next.js applications.
REST APIs
Architectural style for designing networked applications.
/bento/resume.svg
Check out my resume!
/bento/code.svg
Currently building an AI-driven lead generation tool powered by OpenAI's Realtime API
The Inside Scoop

A small selection of recent projects

Appturnity

Appturnity

Software Consulting

App consulting service that helps clients validate and scope new software ideas in a clear, modern layout.

Frontend

React
Tailwind CSS
TypeScript
React
Welcome Page

Welcome Page

Property Management

A platform designed to streamline board duties with login access, document upload, and email forwarding.

Frontend

React
Tailwind CSS
Vite
TypeScript
React
Net-Trailer

Net-Trailer

Netflix Clone

Find and watch Movie and TV trailers, providing a similar experience to the popular streaming platform

Frontend

React
Tailwind CSS
Next.js
TypeScript
React
Quizmatic

Quizmatic

AI Quiz Generation

An AI application that leverages OpenAI's ChatGPT to generate tailored quizzes on various topics.

Frontend

React
ShadCN UI
Tailwind CSS
Next.js
TypeScript
React

Kind words from satisfied clients

"Nathan is super easy to work with and always delivers. Great addition to the team. 🤝"
Profile picture of Teddy
TeddyManager, Coder School
"Nathan totally revamped our website, and it looks amazing now! 🤩 He made everything so smooth and simple for us."
Profile picture of Mike
MikeManager, Arroyo Seco Golf
"Working with Nathan was a game-changer for us. 🚀 Our new website and brochures has made all the difference to our brand. 📈"
Profile picture of Zorik
ZorikOwner, LifeLine Clincal Lab
"Nathan is super easy to work with and always delivers. Great addition to the team. 🤝"
Profile picture of Teddy
TeddyManager, Coder School
"Nathan totally revamped our website, and it looks amazing now! 🤩 He made everything so smooth and simple for us."
Profile picture of Mike
MikeManager, Arroyo Seco Golf
"Working with Nathan was a game-changer for us. 🚀 Our new website and brochures has made all the difference to our brand. 📈"
Profile picture of Zorik
ZorikOwner, LifeLine Clincal Lab
"Nathan is super easy to work with and always delivers. Great addition to the team. 🤝"
Profile picture of Teddy
TeddyManager, Coder School
"Nathan totally revamped our website, and it looks amazing now! 🤩 He made everything so smooth and simple for us."
Profile picture of Mike
MikeManager, Arroyo Seco Golf
"Working with Nathan was a game-changer for us. 🚀 Our new website and brochures has made all the difference to our brand. 📈"
Profile picture of Zorik
ZorikOwner, LifeLine Clincal Lab
"Nathan is super easy to work with and always delivers. Great addition to the team. 🤝"
Profile picture of Teddy
TeddyManager, Coder School
"Nathan totally revamped our website, and it looks amazing now! 🤩 He made everything so smooth and simple for us."
Profile picture of Mike
MikeManager, Arroyo Seco Golf
"Working with Nathan was a game-changer for us. 🚀 Our new website and brochures has made all the difference to our brand. 📈"
Profile picture of Zorik
ZorikOwner, LifeLine Clincal Lab
grid

Let's build something amazing together! 🚀

Got a project in mind? Let's chat! 💬

0/1000

Prefer email? Reach me directly at nathancwatkins23@gmail.com

🛡️Protected by reCAPTCHA v3

Copyright © 2025 Nathan Watkins