Countries List

  • DevelopersJames Murphy

  • DesignFrontend Mentor

  • ClientPersonal Project

  • Year2022

Front End Development Example

This multipage layout was a personal project build with Next.js. The design includes a searchable input list which utilises the REST Countries api to produce a list of results based on Users search criteria. It also includes Dark and Light modes for late night viewing and to reduce energy consumption. The design was taken from Frontend Mentor.

dynamically generated story image
  • Development Tools

    This site was built using Next.js web development framework. This allows for server side rendering which aids in SEO and pre-rendering of statically generated html files which improves overall site performance.

    logo
  • Hosting and Process

    Vercel was selected for hosting due to it's compatibility with Next.js and the speeds it's free hosting package offers, for workflow and project management Trello was used and for version control I used Github employing a regular process of continuous integration and deployment.

    logo