Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/albaitas/react-next14-typescript-countries
- Owner: albaitas
- Created: 2024-08-12T13:14:23.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-08-12T13:21:19.000Z (5 months ago)
- Last Synced: 2024-11-07T14:29:04.876Z (2 months ago)
- Topics: api, nextjs14, react-hooks, reactjs, typescript
- Language: TypeScript
- Homepage: https://react-next14-typescript-countries.vercel.app/
- Size: 56.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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`**