Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/malikbagwala/maalik.dev

My personal website, which includes my skills, projects, blogs and all the fun stuff :)
https://github.com/malikbagwala/maalik.dev

contentful github github-api nextjs portfolio portfolio-website reactjs vercel wakatime-api

Last synced: about 1 month ago
JSON representation

My personal website, which includes my skills, projects, blogs and all the fun stuff :)

Awesome Lists containing this project

README

        


maalik.dev




🔥 Personal website built with Next.js, TypeScript, Tailwind CSS, SWR.




## Introduction

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.


## Features

On this website there are several features that will continue to be updated and added in the future.

### 🕗 Wakatime

Data is retrieved using the Wakatime API and then displayed on the dashboard, built with Next.js API routes deployed as serverless functions.

### 🗳 Projects

The data projects is stored in mdx files compiled at build time


## Getting Started

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.

### 1. Clone this template using one of the three ways:

1. Clone using git

```bash
git clone https://github.com/MalikBagwala/maalik.dev
```

2. Using `create-next-app`

```bash
npx create-next-app -e https://github.com/MalikBagwala/maalik.dev project-name
```

3. Using `degit`

```bash
npx degit MalikBagwala/maalik.dev YOUR_APP_NAME
```

4. Deploy to Vercel or Netlify, etc

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https://github.com/MalikBagwala/maalik.dev)
[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/MalikBagwala/maalik.dev)

### 2. Install dependencies

It is encouraged to use **bun** so the husky hooks can work properly.

```bash
bun run install
```

### 3. Run the development server

You can start the server using this command:

```bash
bun run dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. You can start editing the page by modifying `src/pages/index.tsx`.


## License

Licensed under the [GPL-3.0 license](https://github.com/MalikBagwala/maalik.dev/blob/main/LICENSE).