/frontend-vue-test

A Frontend Coding Test

Primary LanguageTypeScript

Vue3/Nuxt3 Frontend Coding Test

For installation instructions, see the bottom of this document.

Task:

  • Download Postman (this will help with the API Credentials)
  • Install the package
  • Create a new Nuxt page
  • Pull in your preferred Frontend CCS component library (Read the docs on how to do this using the Nuxt config file)
  • Use the ContentFul credentials supplied via email to connect to the ContentFul API
  • Call in the blogs via the API and present them on the page you created - i.e. a blog list page.
  • Create a link to the single blog layout with links back to the list layout page.
  • Create a pull request to submit your changes.

ContentFul API

Supplied in email

Nuxt 3 Minimal Starter

Look at the nuxt 3 documentation to learn more.

Setup

Make sure to install the dependencies:

# yarn
yarn install

# npm
npm install

# pnpm
pnpm install --shamefully-hoist

Development Server

Start the development server on http://localhost:3000

npm run dev

Production

Build the application for production:

npm run build

Locally preview production build:

npm run preview

Checkout the deployment documentation for more information.