/FakeShopping

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

Primary LanguageTypeScript

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