This is a solution to the Article preview component challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- View the optimal layout for the component depending on their device's screen size
- See the social media share links when they click the share icon
- Live Site URL: Netlify Site
- Mobile-first workflow
- Next.js - React framework
- Tailwindcss - A utility-first CSS framework
I used this challenge as an introductory to Next.js and Tailwindcss to improve my understanding of theses frameworks outside of tutorials. I wanted to ensure that I could create a working site with Next.js and easily incorporate Tailwindcss, allowing me to create simple, clean repsonsive sites very quickly.
- Installation of Tailwindcss with Next.js
- Custom Document with Next.js
Next.js is a natural progression from my experience with React, therefore I plan on continue to improve my knowledge and experience with this framework and applying it to future projects.
- Tailwindcss Documentation - Their documentation is very easy to follow and simple instructions when understanding each of the utility clases.
- Website - Rich Griffiths
- Frontend Mentor - RichGriff