Website for Shivay Finance and Services, a financial-services business serving customers in Burhanpur, Indore, Khandwa, and surrounding areas. The site presents loan services, partner-bank information, contact details, and an online loan-application workflow.
The application is built with Next.js App Router and TypeScript. It includes SEO metadata, structured data, responsive layouts, animated UI sections, static assets, and an API endpoint that sends loan-application notifications through SMTP.
- Home, About, Services, Contact, and Apply Now pages
- Home loans, loan-against-property, balance-transfer, top-up, and mortgage-service content
- Loan application form with server-side submission endpoint
- SMTP email notifications for submitted applications
- Responsive design with Tailwind CSS
- Reusable UI components and Framer Motion animations
- Dynamic metadata, sitemap, robots.txt, manifest, and structured data
- Optimized image delivery in production using AVIF/WebP formats
- Next.js 16 with React 19 and the App Router
- TypeScript 5
- Tailwind CSS 4
- React Hook Form and Zod
- Framer Motion
- Lucide React and Tabler Icons
- Nodemailer for SMTP delivery
- ESLint and PostCSS
| Route | Purpose |
|---|---|
| `/` | Main landing page |
| `/about` | Company information |
| `/services` | Financial-services overview |
| `/contact` | Contact information and enquiry page |
| `/apply-now` | Loan application form |
| `/api/submit-application` | POST endpoint for loan applications |
```text app/ Next.js routes, layouts, metadata, and API handlers api/submit-application/ Loan-application submission endpoint components/ Shared page sections and UI components ui/ Reusable low-level UI components lib/ Utilities, constants, animations, and SEO helpers public/ Images, icons, sitemap files, and robots.txt applications/ Local application records generated by the project next.config.ts Next.js configuration next-sitemap.config.js Sitemap configuration ```
- Node.js 18 or later
- npm 9 or later
-
Install dependencies:
```bash npm install ```
-
Create `.env.local` from `.env.example` and provide the required values. Do not commit `.env.local` or real credentials.
-
Start the development server:
```bash npm run dev ```
-
Open http://localhost:3000.
| Variable | Required | Description |
|---|---|---|
| `NEXT_PUBLIC_SITE_URL` | Yes | Public site URL used for canonical URLs and SEO metadata |
| `NEXT_PUBLIC_SITE_NAME` | No | Site name |
| `NEXT_PUBLIC_SITE_DESCRIPTION` | No | Default site description |
| `CLIENT_EMAIL` | Yes for email delivery | Recipient for application notifications |
| `MAIL_FROM` | Yes for email delivery | Verified sender address/name |
| `SMTP_HOST` | Yes for email delivery | SMTP server hostname |
| `SMTP_PORT` | No | SMTP server port; defaults to `587` |
| `SMTP_USER` | Yes for email delivery | SMTP username or provider API key |
| `SMTP_PASSWORD` | Yes for email delivery | SMTP password or provider secret |
The example configuration uses Mailjet SMTP. Replace all placeholder values with credentials for the selected SMTP provider.
| Command | Description |
|---|---|
| `npm run dev` | Start the development server |
| `npm run build` | Create a production build |
| `npm start` | Start the production server after building |
| `npm run lint` | Run the configured lint command |
| `npm run analyze` | Build with bundle-analysis mode enabled |
The `postbuild` and `postinstall` lifecycle scripts generate sitemap output through `next-sitemap`.
Build and start the application with:
```bash npm run build npm start ```
The project is configured with Next.js `standalone` output and can be deployed to a Node.js-compatible host. Configure the environment variables in the hosting provider before deployment. Vercel is also suitable for deployment after connecting the repository and adding the same variables.
- Keep SMTP credentials and other secrets in environment variables.
- Never commit `.env.local`, provider credentials, or personal customer data.
- Review the application-storage and email-delivery setup before using the project in production, particularly if it handles regulated or personally identifiable information.
This project is licensed under the MIT License. Third-party packages and assets remain subject to their respective licenses.
Shivay Finance and Services Email: shivayfinanceandservices@gmail.com Phone: +91 8197222439 Website: shivayfinanceandservices.com