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