My personal website

Hey, I am Lukas. This is my personal website built with NextJS 13, Tailwind, Contentful and Cloudinary.
Have fun exploring.

🌐 lukashoppe.com

Tools

This personal website is statically generated and uses as little dependencies as possible:

• NextJS 13: Frontend UI
• TailwindCSS: CSS Styling
• Contentful: Content Management System
• Cloudinary: Image Optimization
• Framer Motion: UI Animations
• Lottie: Special Animations

Setup

Installation

Run the following command to install all dependencies:

npm install

Environment Variables

1. Set up a Contentful space on https://contentful.com and copy Space ID and Access Token. The URL is just needed for generating the correct <meta> tags.
2. Create .env file and paste the variables.

NEXT_PUBLIC_CONTENTFUL_SPACE_ID='xxx'
NEXT_PUBLIC_CONTENTFUL_ACCESS_TOKEN='xxx'
NEXT_PUBLIC_URL='https://xxx.com'

Run

To run the project locally, use the following command:

npm run dev

Deploy

1. Create project in Vercel importing the repo from GitHub.
2. Set environment variables