smartinsdev / next-poke

Next-Poke is a small project intended to practice Next.js using SSR to consume PokeAPI.

In development!

Next.js + Tailwind CSS + PokeAPI

This example shows how to use Tailwind CSS (v3.0) with Next.js and how to consume the api PokeApi using ssr

1. About
2. Requirements
3. How to use
4. Development results
5. References

About this project

The central idea of this project is to build a front-end in Next.js/Tailwindcss for the consumption of an API. For this, PokéApi v2 was chosen.

Requirements

You need Node Js installed on your machine.

How to use

#clone this repository
$ git clone https://github.com/smartinsdev/next-poke.git

#Open the next-api folder and in the terminal run the command:
$ cd next-poke
$ npm install

#Then let the application "run" using the command below:
$ npm run dev

#The application will be opened on port:3000 - go to http://localhost:3000.

Development results

• Since the application is beginner level, it is simple, but it is geared towards using some basic concepts for consuming an API in Next. For example, the use of getServerSideProps.

References

The application was developed according to the tutorial:

• Build a Pokedex with NextJS and Tailwind CSS - SSR vs SSG