LandingPageGenie is a cutting-edge Next.js application that simplifies the creation of modern, responsive personal websites. By providing your personal details, the app dynamically generates sleek pages with sections for blogs, projects, and social links. It combines powerful server-side rendering (SSR) with responsive design and seamless interactivity to deliver an exceptional user experience.
- Dynamic Page Generation: Automatically create personalized pages by inputting your details, complete with sections for blogs, projects, and social media links.
- Server-Side Rendering (SSR): Boosts performance and search engine optimization (SEO) by rendering content on the server.
- Responsive Design: Built with Tailwind CSS, ensuring your site looks great on any device.
- Interactive UI: Leverages React to deliver a smooth and dynamic browsing experience.
- Next.js: A robust React framework for server-side rendering and static site generation.
- React: A powerful JavaScript library for building interactive user interfaces.
- Tailwind CSS: A utility-first CSS framework for rapidly creating custom designs.
-
Clone the Repository:
git clone https://github.com/Code-Trove/LandingPageGenie.git
-
Navigate to the Project Directory:
cd LandingPageGenie -
Install Dependencies:
npm install
-
Start the Development Server:
npm run dev
-
View Your Website:
Open your browser and go tohttp://localhost:3000to see your personalized website in action.
- Update Content: Modify the files in the
src/datadirectory to include your personal details, blogs, projects, and social links. - Adjust Styling: Edit Tailwind CSS classes to match your design preferences.
- Enhance Features: Add or modify components in the
src/componentsdirectory to extend functionality.
Contributions are welcome! Please refer to the Contributing Guidelines for details on how to get involved.
Start building your personalized web presence effortlessly with LandingPageGenie! 🚀