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

This project implements a small country list information application using Next.js, TypeScript, Chakra UI, Apollo Client, and GraphQL.(Due to the abundance of data, only a curated selection of 12 countries is displayed for demonstration purposes.)

The application is deployed and accessible at next-showcase-country.vercel.app. Feel free to visit the deployed version to explore the country list.

First, make sure you have Node.js and npm (or yarn or pnpm) installed.

Clone the project locally:

git clone [email protected]:NZMia/next_showcase_country.git
cd next_showcase_country

Install dependencies:

npm install
# or
yarn install
# or
pnpm install

Run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

This project relies on the following open-source technologies:

• Next.js: React framework for building modern single-page applications.
• TypeScript: Strongly-typed language for a better development experience.
• Chakra UI: A sleek and powerful React component library for building beautiful user interfaces.
• Apollo Client: Frontend library for managing and making GraphQL queries.
• GraphQL: Query language for fetching precise data from the server.

This project utilizes the following open APIs:

• Country API: Provides country information for the application.