Modern Next.js 14-based corporate website and content management system with support for 6 languages.
Key Features:
- 6 language support (TR, EN, DE, FR, RU, AR)
- 10 service pages (Web Design, SEO, Google Ads, AI Integrations, etc.)
- Blog system (Categories, tags, comments)
- Project portfolio
- Contact & quote forms (EmailJS + reCAPTCHA v3)
- Dark mode
- Responsive design
- SEO optimization
Management Features:
- Blog and project management
- Category & tag management
- Comment moderation
- Media library
- User management
- SEO settings
- Statistics and reports
- Two-factor authentication with OTP
Frontend: Next.js 14 (App Router), TypeScript, Tailwind CSS 4, Framer Motion
Backend: Firebase (Firestore, Auth, Storage), Next.js API Routes
Security: reCAPTCHA v3, OTP, Rate Limiting, Zod Validation
Email: EmailJS, Hostinger SMTP
AI: Google Gemini, Google Translate API
- Node.js 18+ or 20+
- Firebase account
- EmailJS account (optional)
- Google reCAPTCHA v3 keys
# 1. Clone the repository
git clone https://github.com/your-username/your-repo-name.git
cd your-repo-name
# 2. Install dependencies
npm install
# 3. Create .env.local file
cp env.local.template .env.local
# 4. Edit .env.local file (Firebase, EmailJS, SMTP, reCAPTCHA)
# 5. Start development server
npm run devImportant Environment Variables:
NEXT_PUBLIC_FIREBASE_*(API Key, Auth Domain, etc.)NEXT_PUBLIC_EMAILJS_*(Service ID, Template ID, Public Key)NEXT_PUBLIC_RECAPTCHA_SITE_KEY/RECAPTCHA_SECRET_KEYSMTP_*(Host, Port, User, Pass)
See env.local.template file for detailed setup.
softiel-website/
├── public/
│ ├── images/ # Images
│ └── locales/ # Translation files (tr, en, de, fr, ru, ar)
├── src/
│ ├── app/
│ │ ├── [lang]/ # Language-based routing
│ │ ├── admin-panel-secure-access-2024/ # Admin login
│ │ ├── content-management-system-2024/ # CMS Dashboard
│ │ └── api/ # API Routes
│ ├── components/ # React components
│ ├── lib/ # Utility functions
│ ├── contexts/ # React Contexts
│ └── hooks/ # Custom hooks
- Home Page:
/[lang]/ - Services:
/[lang]/services/[service-slug] - Projects:
/[lang]/projects - Blog:
/[lang]/blog - Contact:
/[lang]/contact
- Login to admin panel:
/admin-panel-secure-access-2024 - Sign in with email/username and password
- Enter OTP code sent to your email
- Dashboard: ``
Dashboard Modules:
/blogs- Blog management/projects- Project management/categories&/tags- Category/tag management/comments- Comment moderation/media- Media library/users- User management/seo- SEO settings/stats- Statistics
- reCAPTCHA v3: Spam protection on all forms
- OTP Authentication: Two-factor authentication
- Rate Limiting: IP-based request limiting (3 requests / 15 minutes)
- Input Validation: Zod schema validation
- XSS Protection: DOMPurify sanitization
- Code splitting and lazy loading
- Next.js Image optimization (WebP/AVIF)
- Tailwind CSS purging
- Static page caching
- Bundle optimization
- Push to GitHub
- Import project from Render dashboard
- Add environment variables
- Deploy
Production Environment Variables:
- All
NEXT_PUBLIC_*variables RECAPTCHA_SECRET_KEYSMTP_*variablesNEXT_PUBLIC_SITE_URL(production URL)
- Create production project
- Configure Firestore security rules
- Add authorized domains
npm run dev # Development server (port 3001)
npm run dev:3000 # Development server (port 3000)
npm run build # Production build
npm run start # Production server
npm run lint # Linting
npm run analyze # Bundle analysis- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This is a private project. All rights reserved.
Next.js • Firebase • Tailwind CSS • Framer Motion
Note: This README file reflects the current state of the project. The project is continuously being developed and this documentation is kept up to date.