Pokédex SSG - SSR

Pokédex is a DEMO web app to showcase web development technologies such as:

  • ReactJS
  • NextJS
  • Static Site Generation (SSG)
  • Server Side Rendering (SSR)
  • RESTful API
  • TailWind CSS v2 (with Dark Mode!)
  • HTML 5

Some cool features:

This Web App was made by Alfonso Cartes. For more information click here

The source code for the app can be found on GitHub

Live Project

Open https://pokedex-example-sigma.vercel.app/ with your browser to see the result.

pokedex-example-screenshot-1
pokedex-example-screenshot-2
pokedex-example-screenshot-3

Getting Started

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

First, run the development server:

npm run dev
# or
yarn dev

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

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

Learn More

To test Static Site Generation and Server Side Rendering, please take a look at the section in pages/index.js.

# Change here for testing SSR or SSG:
<Link href={
    ssgHref
    # or
    ssrHref
}>

PokeApi

Thanks to everyone at PokeAPI for making it possible.

Pokémon

Pokémon and Pokémon character names are trademarks of Nintendo.

Tell us about your project.