Portfolio

To see the backend --> https://github.com/mornir/copywork-cms

This portfolio is a collection of all the websites I reproduced the design using the amazing CSS utility framework Tailwind.

I built this website with Nuxt.js using its static mode. Naturally I used Tailwind for the styling. I also made use of CSS variables to dynamically change the header and footer colors (you can learn more about it in my blog post).

The website is PWA enabled: it can be used offline and behaves like a native app on smartphones.

For storing the data, I use an extremely flexible and customisable CMS called Sanity, which provides a powerful GraphQL-like syntax to query only the needed data.

Environment variables

A .env file is needed with two variables from a Sanity project. See .env.example file.

Build Setup

# install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn run dev

# generate static project
$ yarn run generate

Testing

Testing is done with Cypress.

# serve with hot reload at localhost:3000
$ yarn dev

# in another terminal
$ yarn test