javelet.dev

This websites

Introduction

This is my personal website for writing articles, showcasing stats and playing with new technologies.

My focus for the initial release will be a SEO friendly, performance-optimized application that I can tack on new features to at my discretion.

This project has a MIT license and can be used by anyone. Information regarding the application and how to set it up yourself can be found in this readme.

Technology Stack

This is a list of the various technologies used to build this website:

Category Technology Name
Framework NextJS
Styling Tailwind
Components shadcn/ui
Content MDX
Deployment Vercel

Performance metrics

The goal is always a 100 in all lighthouse categories on mobile/desktop.

performance

Getting Started

Prerequisites

  • Git
  • Node
  • Prisma-compatible database

Clone the repository from github:

git clone git@github.com:0xMatt/javelet.dev.git

cd javelet.dev

cp .env.example .env

Once you completed the above, start populating the .env file.

APP_URL=http://localhost:3000/

Generate your SESSION_SECRET value with the output from openssl rand -base64 32

Set up your prisma compatible DATABASE_URL

Now that you have the bare minimum setup, install packages, initialize your database and start the web server.

npm i 

npx prisma generate --no-engine

npx prisma migrate dev

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see application.

Optional

You can setup stats for:

  • WakaTime
  • OpenWeather
  • Github

By populating the rest of your .env file with the respective keys.

Deployment

I suppose you can run the application anywhere after building it with next build, but the easiest way to deploy is to do what I do and deploy to the Vercel Platform.