This is my take on the Course Studio Assessment task. I bootstrapped the project with Next.js React framework to complete the task. The UI is coded fully responsive and I'm using CSS modules with the PostCSS plugin for code nesting and component bundling. I went with Storyblok as the headless CMS for content on the project. The animations on the project is mixture between my custom CSS animations and the Framer Motion library. The slider was built using Swiper.js.
First, run the development server:
npm run dev
# or
yarn dev
Open http://localhost:3000 with your browser to see the result.
The content access token is set on the #### STORYBLOK_API_KEY
variable.