niteshseram / niteshseram.in Goto Github PK

View Code? Open in Web Editor NEW

11.0 1.0 1.0 8.56 MB

My personal website was built using Next.js, Tailwind CSS, and MDX

Home Page: https://niteshseram.in

JavaScript 4.28% CSS 4.00% TypeScript 39.85% MDX 51.87%

nextjs react website personal-website personal-site portfolio portfolio-website reactjs mdx tailwindcss

niteshseram.in's Introduction

Portfolio V2

This is my personal website built with NextJs 13, Tailwind CSS, MDX and Vercel.

Overview

This is 2nd iteration of my personal website built using NextJs, Tailwind CSS, and Vercel. This will be my digital corner where I will be sharing my thoughts, learning, and random stuff. This was not built with the intention to be a template but feel free to fork and customize it for your own use. If you find any issues in the website, feel free to open an issue and if you want, you can open a pull request for it too.

Main folder structure

app/*- All the static pages
pages/api/views/*- API for handling blog views
components/*- All the components like Navbar, Footer, etc are here
content/*- It contains all the mdx files for blog

Running locally

# Clone this repository
git clone https://github.com/niteshseram/niteshseram.in.git

# Go into the repository folder
cd niteshseram.in

# Install dependencies
yarn

# Run
yarn dev

Create a .env.local file similar to .env.example with the values in it. But is not absolutely necessary thing to do to run the website locally.

DATABASE_URL - DB URL for tracking the blog's view

Built using

niteshseram.in's People

Contributors

Stargazers

Watchers

Forkers

gaussiancurvolympiads

niteshseram.in's Issues

Set up husky pre commit hooks

Add absolute import support

Redesign footer

Add blog section in homepage

Fix tools rendering issue on about page

The tools and technologies section on the about page is not rendering what I want

Create 404 page

Add hero visual in homepage

Add a picture of myself in the hero visual section

Remove active attribute from link in blog

Add social sharing option in blog

Create the project page

Reformat the file structure of components

Fix alignment issue in navbar

FIx/Bug:
In the Large screen, the navbar element is not center in the container. There is a margin-bottom present.

Solution:
We need that margin-bottom for the mobile nav menu. Hence, we can use a media query to make margin-bottom 0 when the screen size is lg

Remove unused isOpen prop passed to MenuButton

Bug/Fixes:
Browser is giving the issue of unused isOpen prop passed to MenuButton

Solution:
Remove the isOpen prop passed tp MenuButton

Add favicon to the website

Create the about page

feat: Make the header stick at the top

When we scroll down, make the header stick at the top. The header style should be something like glassmorphism style or blur the background behind the header.