This is a Next.js project bootstrapped with create-next-app
.
This project is part of the Frontend Mentor Challenge - IP address tracker
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.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
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! 🚀