Skip to content

Latest commit

 

History

History
40 lines (30 loc) · 909 Bytes

README.md

File metadata and controls

40 lines (30 loc) · 909 Bytes
Raw

Next.js Events Webpage

Online at: http://localhost:3000.

Webpage description/features:

  • Featured events
  • E-mail newsletter registration
  • List of all events
  • Filter all events by date
  • Event detail page
  • Show comments
  • Submit comments

Concepts and tech used:

  • React

    • Hooks (useEffect, useState, useRef)
    • Client-side data fetching

  • CSS modules

  • Next.js

    • getStaticProps revalidate
    • getStaticPaths fallback
    • getServerSideProps
    • Routing next/link & next/router - e.g. <Link href='/'>, router.push(), router.query()
    • Image optimization with next/image
    • Head
    • API Routes (dynamic, async / await, error handling)

  • Mongodb (for comments & newsletter)

  • Firebase (for events info)

  • JSON

  • REST API with fetch

TODO:

  • Add form submit frontend feedback for:

    • Deploy & update README link to page