Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/albaitas/react-next14-typescript-countries

This is a Countries of the World project written using Create Next App, React, Typescript and Restcountries API.
https://github.com/albaitas/react-next14-typescript-countries

api nextjs14 react-hooks reactjs typescript

Last synced: 11 days ago
JSON representation

This is a Countries of the World project written using Create Next App, React, Typescript and Restcountries API.

Awesome Lists containing this project

README

        

# react-next14-typescript-countries

This is a Countries of the World project written using Create Next App, React, Typescript and Restcountries API.

## Demo

Project hosted on Vercel: https://react-next14-typescript-countries.vercel.app/

## Features

- Client Components with react hooks
- Server Components with Direct Data Fetching
- generateMetadata from title
- Tablet and mobile friendly

## Build with

- React Js, Css, Next Js
- Restcountries API
- Typescript
- react-icons
- next/link, next/navigation, next/image

## Installation

Install **`git`**, **`nodejs`**, **`npm`** in your local computer

Clone this repository to your local computer:

**`$ git clone https://github.com/albaitas/react-next14-typescript-countries.git`**

Install dependencies:

**`npm install`**

Runs the app in the development mode:

**`npm run dev`**