Skip to content

armino-dev/ip-address-tracker

Repository files navigation

This is a Next.js project bootstrapped with create-next-app.

This project is part of the Frontend Mentor Challenge - IP address tracker

Design preview for the IP address tracker coding challenge

Getting Started

First create a file .env.local in the root of the project. Copy the environment variables from .env.local.example to your .env.local and edit them per your needs.

You will have something like this:

# Environment variables secret available on server side

# add your ipify api key below
IPIFY_API_KEY=your_secret_api_key_here

# Public Environment variables available on client side
NEXT_PUBLIC_LOCAL_DEVELOPMENT=true
NEXT_PUBLIC_HOSTNAME=localhost
NEXT_PUBLIC_PORT=3000
NEXT_PUBLIC_HOST=http://$NEXT_PUBLIC_HOSTNAME:$NEXT_PUBLIC_PORT

Then, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

Have fun! 🚀