I designed and built the original Dee Dee Care website back in 2018. The site would serve as a digital showcase for the services offered by the business, as well as display information about the company such as history, core values, testimonials and contact information. The site was created without using any frameworks, using HTML, CSS and JS.
In 2023 I decided to migrate the site to Next.js to take advantage of the React ecosystem and Vercel’s deployment infrastructure. Creating reusable components for common UI elements, such as the navigation bar and footer has allowed for an efficient maintainable codebase. Code changes could now be committed to the Github repository and automatically published to live deployment.
Next.js uses a file-based routing system that simplifies the organisation of pages. This approach makes it easier to structure your project. Additionally, Next.js automatically handles code splitting, ensuring that only the necessary JavaScript is loaded for each page, optimising load times and resource utilisation.
During this process, I also updated the testimonial quotes to load via Contentful (a headless CMS). This allows the client to add, edit and delete testimonial quotes on the Contentful dashboard without the need for any development work.
Technologies Used:
- Next.js
- React
- Typescript
- HTML
- SCSS
Explore the project further on the GitHub repository or visit the live Dee Dee Care website.