passport-photo-nextjs

Powered by IdPhoto.AI - Passport Photo API Provider.

This is a passport photo processing application built with Next.js, initialized using create-next-app.

Requirements

Ensure your local development environment has the following dependencies installed:

• Node.js ≥ 18.20 (It is recommended to use nvm to manage Node versions)
• npm ≥ 10

Environment Variables

You can also configure environment variables on the deployment platform (e.g., Vercel), so there’s no need to hard-code them in the project.

# ID Photo API credentials — used to generate ID photos.
# Get your keys from: https://dashboard.idphoto.ai/
IDPHOTO_API_KEY=your_idphoto_api_key
IDPHOTO_API_SECRET=your_idphoto_api_secret

# Stripe configuration — used for handling payments.
# Get your keys from: https://dashboard.stripe.com/
STRIPE_SECRET_KEY=your_stripe_secret_key
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=your_stripe_publishable_key

Find more environment variables in the .env file.

One-Click Deploy Your Own

You can deploy your own version to Vercel with one click:

Live Demo

You can try the application online:

https://passport-photo-nextjs.vercel.app

Local Development

Start the development server:

npm install
npm run dev

Then open your browser at: http://localhost:3000

Production Deployment

Build the Project

npm run build

Start the Production Server

npm run start

References

• Next.js Documentation - In-depth framework features and APIs
• Learn Next.js - Official interactive learning course
• Vercel Deploy Button - How to use the Vercel Deploy Button