The code source of my personal website, showcasing my projects, experiences, photos and videos.
It's still under development. I'm currently working on some features and improvements.
This website was built on top of the "Next.js Blog with a Native Authoring Experience" template.
It offers a statically generated pages that uses Next.js for the frontend and Sanity to handle its content.
It comes with a native Sanity Studio that offers features like real-time collaboration, instant side-by-side content previews, and intuitive editing.
Note
This project still uses the
/pagesdirectory for Next.js routing. I might migrate it to the /app directory in the future.Live preview during editing doesn't work for the moment. I focused on having a functional website first.
All the informations about the template, its features, and how to use it are available in the template repository.
You need to create a have a sanity.io project. Follow the .env.local.example file to create a .env.local file with your project data.
Don't forget to install the dependencies on the first run
pnpm installThen you can start the development server
pnpm devOpen https://localhost:3000 with your browser to see the result.
Open https://localhost:3000/studio to access the Sanity Studio.
This website was achieved by mashing up ideas and ressources from
- TailwindUI Spotlight template for the main inspiration. I didn't bought it, but recreated some parts myself.
- Crafting the Next.js Website, by Rauno Freiberg for the shining stars effect on the header.
- Precedent.dev for the reusable Tooltip component.
- Shadcn UI for the reusable modal component.