Gabriel-Cassimiro / FakeShopping

A shopping website using fake story API, redux, next.js, tailwind.css and typescript

Home Page:fake-shopping.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

a simple e-commerce site using FakeStore api

This is a personal project using Next.js, TypeScript, Context api, tailwindcss. Everything in this project was made by myself and several hours on google.

Next.js + Tailwind CSS Example

This example shows how to use Tailwind CSS (v2.2) with Next.js. It follows the steps outlined in the official Tailwind docs.

It uses the new Just-in-Time Mode for Tailwind CSS.

React Context API

Context provides a way to pass data through the component tree without having to pass props down manually at every level.

Context in my opinion is much easier to use than Redux. Especially with TypeScript

How to use

Execute create-next-app with npm or Yarn to bootstrap the example:

npx create-next-app --example with-tailwindcss with-tailwindcss-app
# or
yarn create next-app --example with-tailwindcss with-tailwindcss-app

About

A shopping website using fake story API, redux, next.js, tailwind.css and typescript

fake-shopping.vercel.app


Languages

Language:TypeScript 94.4%Language:JavaScript 5.6%