A modern, responsive website for Random IT built with Next.js, TypeScript, and Tailwind CSS.
- ⚡️ Next.js 13+ with App Router
- 🎨 Tailwind CSS for styling
- 🌓 Dark mode support
- ✨ Framer Motion for smooth animations
- 📱 Fully responsive design
- 🚀 Optimized for performance and SEO
- 🔄 Modern development workflow with TypeScript
- Node.js 16.8 or later
- npm or yarn
-
Clone the repository
git clone https://github.com/your-username/logic-pixel-tech.git cd logic-pixel-tech -
Install dependencies
npm install # or yarn -
Run the development server
npm run dev # or yarn dev -
Open http://localhost:3000 in your browser to see the result.
.
├── app/ # App router
│ ├── api/ # API routes
│ ├── components/ # Shared components
│ ├── lib/ # Utility functions
│ ├── styles/ # Global styles
│ ├── layout.tsx # Root layout
│ └── page.tsx # Home page
├── public/ # Static files
│ ├── images/ # Image assets
│ └── fonts/ # Font files
├── .eslintrc.json # ESLint config
├── .gitignore # Git ignore file
├── next.config.js # Next.js config
├── package.json # Project dependencies
├── postcss.config.js # PostCSS config
├── README.md # This file
└── tailwind.config.js # Tailwind CSS config
npm run dev- Start the development servernpm run build- Build for productionnpm start- Start the production servernpm run lint- Run ESLintnpm run format- Format code with Prettier
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
- Next.js - React framework
- TypeScript - Type checking
- Tailwind CSS - Styling
- Framer Motion - Animations
- React Icons - Icons
- clsx - Class name utility
- tailwind-merge - Merge Tailwind classes
Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the MIT License - see the LICENSE file for details.
Built with ❤️ by [Your Name]