Static Site Ixora with Next.js 13: React, Tailwind, Framer Motion

This is a Next.js Static Site Generation freelance project developed via Tailwind, React and Framer Motion. It promotes the sales of aparments.

Go to Website

---

What's in the stack

• React Framework Next.js
• Styling with Taiwlind and Framer Motion
• Shared Server by Hostinger

The website has mobile responsiveness, animations for a more seamless UX and its main feature is the utilization of polygon shapes to mark the status of the apartments - available, reserved, sold.

Features:

• Full responsiveness
• Animations

Learning achievements:

• My first use of Next.js - learning all the fundamentals of the framework
• My first use of Tailwind - an inline CSS framework
• Deep dive into Framer Motion
• Understanding the difference between Client-Side Rendering, Server-Side Rendering and Static Site Generation
• Managing of cache and revalidation for optimal CDN resource retrieval

Performance, Accessibility, Best Practices, SEO:

Other dependencies:

• react-icons
• cv2
• numpy

Main drawback

I could not use my newly leanred skill to implement internationalization because the client did not want a full-stack app but a static website.