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

Getting Started

First copy .env from .env.example

Install package:

npm run install
# or
yarn install

For run the development mode:

npm run dev
# or
yarn dev

For run production mode:

# step 1
npm run build
# or
yarn build

# step 2
npm run start
# or
yarn start

Noted: Use node >= 12.13.0

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

Technology

• Next.js Documentation - learn about Next.js features and API.
• Pokeapi - data api pokomen from pokepai
• Antd Mobile - web component antd mobile
• React Hooks - functional
• React Context - handle global state
• Next Offline - handle PWA
• Next SEO - handle SEO
• Next Images - handle images
• Next optimized Images - handle optimized images

Features

• Browse pokemon in infinite list (done)
• View detail information of each pokemon (done)
• View the image of each pokemon (done)
• Search pokemon (done)
• Filter list of pokemon based on an attribute of pokemon (done)

Demo

You can check demo

Deploy your own

Deploy the example using Vercel:

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