Next.js 14 JavaScript Mastery Resources

Excited to present my latest project build of JSMastery.pro resource page. This project showcases my proficiency in front-end development, as I created the sleek and intuitive user interface of JSMastery.pro. Leveraging cutting-edge technologies such as Next js - Sanity.io - TypeScript, ensuring not only a visually appealing design but also a seamless user experience.

The website is deployed and can be accessed at jsm-platform-livid.vercel.app

Screenshot

Technologies & Frameworks

• Next.js 14
• Tailwind CSS
• Sanity.io
• TypeScript
• Query-string
• Tailwind-merge

Features

• Fully functional resource search
• A working category filter
• Complex query handling with route params
• Lazy loading images with next js
• Manage Resources with sanity.io studio
• Completely mobile responsive
• sleek UI/UX design

Getting Started

1. Clone the repository to your local machine:

   git clone https://github.com/your-username/nextjs-travel-website.git

2. Navigate to the project directory:

   cd nextjs-travel-website

3. Install the dependencies:

   npm install

4. Run the development server:

   npm run dev
   # or
   yarn dev
   # or
   pnpm dev
   # or
   bun dev

5. Open http://localhost:3000 with your browser to see the result.