This website was built from scratch using Next.js and was first initialized in June 2023. It will undergo regular updates and serve as both a valuable learning resource and a platform for me to share my knowledge.
On this website there are several features that will continue to be updated and added in the future.
You can access this feature by opening the command palette [cmd+k], then typing whatever you want to search/ask for.
Note:
If you're using Chat Completions engine model of ChatGPT, please concern about this:
Due this site is using free cloud hosting services (Vercel) with certain limitations (Serverless Function Execution Timeout), sometimes an error will occur if the response from the open AI API is too long, but you can change it in the vercel.json file to upgrade memory and maxDuration to be bigger according to the capabilities of your vercel plan.
Displays song information being played on spotify in real time using the Spotify API and SWR.
Data is retrieved using the Wakatime API and then displayed on the dashboard, built with Next.js API routes deployed as serverless functions.
The CMS Blog on this website utilizes the API from the dev.to platform. The displayed articles are one-to-one with the articles published on my dev.to blog and are updated in real-time.
The data fetching technique used to retrieve articles from dev.to involves using Client-Side Rendering (CSR) for the blog list and Server-Side Rendering (SSR) for the blog details.
The data projects is stored in mdx files compiled at build time
If you are interested in running this project on your local machine, you can do so in just 3 easy steps below. Additionally, remember to update the ".env.example" file to ".env" and replace the variables with your own in the ".env" file.
-
Clone using git
git clone https://github.com/MalikBagwala/maalik.dev
-
Using
create-next-app
npx create-next-app -e https://github.com/MalikBagwala/maalik.dev project-name
-
Using
degit
npx degit MalikBagwala/maalik.dev YOUR_APP_NAME
-
Deploy to Vercel or Netlify, etc
It is encouraged to use yarn so the husky hooks can work properly.
yarn install
You can start the server using this command:
yarn dev
Open http://localhost:3000 with your browser to see the result. You can start editing the page by modifying src/pages/index.tsx
.
Licensed under the GPL-3.0 license.