/event-nextjs

Primary LanguageJavaScript

Next.js + Tailwind CSS + GraphQl Event listing Website

Preview

preview preview preview preview preview preview

Clone this repo : git clone https://github.com/AOMuiz/next-event

Navigate to the root folder and install all dependencies :

  • yarn or npm install

Start Development Mode :

A brief description of the project

Task

Build a Event Listing Website Using PeddleSoft Graphql API

List all events.

Each event with an Event Details Page

Technologies Used

  1. Used Next Js for building the website.

  2. Implemented website styling using Tailwind CSS.

  3. Used Error Boundary npm package for handling errors.

  4. Used Graphql & Apollo GraphQl for data fecthing.

  5. Created Custom Hooks for handling fetched data and rendering.

Preview

Preview the example live on StackBlitz:

Open in StackBlitz

Deploy your own

Deploy the example using Vercel:

Deploy with Vercel

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

Deploy it to the cloud with Vercel (Documentation).