My website, made with NextJS and ChakraUI.
Overview
The mikeroph.one repository is the codebase for a website built using NextJS, Chakra-UI, and TypeScript. The website serves as a showcase for the creator’s projects and is open source for others to use as a base for their own websites. The core of the website is complete, but there are ongoing updates and improvements being made.
Features
- NextJS framework: The website is built using the NextJS framework, which allows for efficient server-side rendering and improved performance.
- Chakra-UI design system: The website’s user interface is styled using the Chakra-UI design system, providing a modern and visually appealing look.
- TypeScript integration: The codebase is written in TypeScript, allowing for type checking and enhanced development experience.
- Project showcase: The website serves as a platform to showcase the creator’s projects, allowing visitors to explore and learn more about each one.
- Open source: The repository is open source, allowing others to utilize the code or fork the entire project to build their own websites.
- Dark mode: The website supports a dark mode theme, providing a visually pleasing alternative for users who prefer darker color schemes.
- Blog page: The website includes a dedicated blog page where the creator can share articles, insights, or updates on various topics.
- Music page: The website features a music page where the creator can share their music-related projects or recommendations.
Installation
To set up the website on your own server, follow these steps:
- Fork the mikeroph.one repository.
- Fill out all the required variables in the
.env.example file on the Vercel dashboard. - Obtain a Spotify refresh token from an external website (note: Use caution as it is not an official site).
- Update the website codebase with your own projects, content, and customizations.
- Deploy the website using a hosting service like Vercel or your preferred alternative.
Summary
The mikeroph.one website is a showcase of the creator’s projects, built using NextJS, Chakra-UI, and TypeScript. The website offers a modern UI design, supports dark mode, and includes features such as a blog page and a music page. The project is open source, allowing others to utilize the code or build their own websites based on it.
