SeraPore V2

https://www.serapore.com

---

SeraPore's official corporate website. A fast, SEO-friendly, and easily manageable platform.

📝 Table of Contents

• 📝 Table of Contents
• 🧐 About
• 🏁 Installation
  • Requirements
  • Installation Steps
• 🚀 Deployment
• 🎈 Usage
• ⛏️ Technologies
• 📜 Packages Used
  • Dependencies
  • Dev Dependencies
• 🤝 Contribution
• ✍️ Authors

🧐 About

For over 30 years, SeraPore has empowered leading manufacturers with high-performance molds and machinery known for their durability. With deep expertise in pressure casting, we deliver unmatched precision, reliability, and long-term value across every production line. This web project was built to represent SeraPore's digital presence in a modern, fast, and user-friendly way.

🏁 Installation

Requirements

• Node.js (v20+)
• PNPM (v10+ recommended)
• Sanity CMS account

Installation Steps

1. Clone the repository:

   git clone https://github.com/Ayberkyvs/serapore-v2.git
   cd serapore-v2

2. Install dependencies:

   pnpm install

3. Create and configure the environment variables in .env.

4. Run in development mode:

   pnpm dev

🚀 Deployment

To deploy for production:

pnpm build
pnpm start

Or deploy the project via platforms like Vercel or Netlify.

🎈 Usage

• Manage content via Sanity CMS.
• Products, machines, and services can be added dynamically.
• Strong SEO optimization ensures high search engine visibility.
• Use typegen commands for auto-generated types and content validation.

⛏️ Technologies

• Next.js 15 – React-based web framework
• Sanity CMS – Headless content management
• Tailwind CSS – Utility-first styling
• Framer Motion – Modern animations
• Radix UI – Accessible UI components
• Vercel – Hosting platform

📜 Packages Used

Dependencies

• next, react, react-dom – Core framework
• sanity, next-sanity – Headless CMS integration
• @radix-ui/react-* – UI components
• framer-motion, styled-components – Animation and CSS-in-JS
• lucide-react, uuid, clsx, tailwind-merge, zod – Utility libraries
• next-intl, @formatjs/intl-localematcher, negotiator – Internationalization and locale matching
• nodemailer – Email handling

Dev Dependencies

• eslint, prettier, typescript – Code quality and static analysis
• @tailwindcss/postcss – Tailwind-compatible PostCSS config
• @types/* – TypeScript type definitions

🤝 Contribution

1. Fork the project.
2. Create a new branch (git checkout -b feature-branch)
3. Commit your changes (git commit -m 'Add new feature')
4. Push the branch (git push origin feature-branch)
5. Submit a Pull Request.

✍️ Authors

• @Ayberkyvs – Fullstack Developer