craigraphics.com

Welcome to the repository of my personal website! This project was built using some of the modern web technologies.

Currently comes with 4 sections:

• About me - showcasing experience, skills and personal information
• Work - Lists in tab layout structure each of my previous jobs. Also highlights some of the projects I have worked with.
• Blog - Contains articles I have written.
• Contact - A form to be able to contact me.

🚀 Technologies Used

This web application is built with the following cutting-edge tools and frameworks:

• Next.js 15 with App Router: For server-side rendering and routing
• React 19: For building user interfaces
• TypeScript: For adding static type definitions
• Tailwind CSS: For rapid and responsive styling
• ChadCN: For customizable UI components
• next-intl: Internationalization for NextJS
• tanstack-query Async state management

🌐 Deployment

This website is deployed and hosted on Vercel.

🛠️ Setup and Installation

This is a Next.js project bootstrapped with create-next-app.

First, run the development server:

# Clone the repository
git clone https://github.com/craigraphcis/craigraphics-next-2024
# Navigate to the project directory
cd craigraphics-next-2024
# Install dependencies
pnpm install
# Run the development server (npm, yarn, pnpm, bun)
pnpm run dev

Open http://localhost:3000 in your browser to view the website.

📂 Project Structure

The project follows the Next.js App Router structure:

├── app/
│   ├── layout.tsx
│   ├── page.tsx
│   └── ...
├── components/
├── public/
├── styles/
├── lib/
└── ...

🔧 Customization

This website is built to be easily customizable. You can modify the content, styling, and components to fit your personal brand and preferences.

📄 License

MIT License

📞 Contact

If you have any questions or would like to connect, please send me a message.

---

Thank you for visiting my personal website repository! Feel free to explore the code and don't hesitate to reach out if you have any questions or feedback.