This is a portfolio website built using Next.js with Aceternity UI and TypeScript. It showcases your projects, skills, and provides information about you in a professional manner.
- Responsive Design: Utilizes Aceternity UI's responsive components for a consistent look and feel across devices.
- Dynamic Routing: Implements dynamic routing with Next.js for smooth navigation between pages.
- Project Showcase: Displays your projects with descriptions, images, and links to live demos or GitHub repositories.
- Skills Section: Showcases your skills and expertise in various technologies and tools.
- About Me: Provides information about you, your background, and interests.
- Contact Form: Includes a contact form for visitors to reach out to you directly.
- Dark Mode Support: Supports dark mode for improved usability in low-light environments.
- Next.js
- React
- Aceternity UI
- TypeScript
- HTML5
- CSS3
-
Clone the repository or download the project files.
-
Install dependencies:
npm install
-
Run the development server:
npm run devOpen your web browser and navigate to http://localhost:3000 to view the website.
Folder Structure pages/: Contains Next.js pages for different sections of the website. components/: Includes React components used in the project. styles/: Contains CSS or SCSS files for styling the components. public/: Stores static assets such as images and fonts. data/: Contains JSON or TypeScript files with project data or other static content. Usage Customize the content in the data/ directory to showcase your projects, skills, and personal information. Modify or create React components in the components/ directory to customize the user interface. Update styles in the styles/ directory to customize the appearance of the website. Test the contact form functionality to ensure messages are delivered correctly. Deploy the website to a hosting service like Vercel or Netlify for public access.
Credits Erdene Batbayar License MIT License