Silverscrypt Website

A modern, performant personal website built with Next.js and TypeScript. This project serves as a portfolio and blog platform, showcasing work and sharing articles.

Live Demo: yashvasinsana.vercel.app

Overview

This is a full-stack web application built with modern web technologies, featuring a clean design and optimized performance. The site includes portfolio content and an articles section for sharing insights and experiences.

Tech Stack

• Framework: Next.js - React framework for production
• Language: TypeScript - Type-safe JavaScript
• Styling: CSS with PostCSS
• Linting: ESLint - Code quality and standards
• Deployment: Vercel

Project Structure

├── articles/           # Articles and content
├── scripts/            # Utility scripts
├── src/                # Source code
│   ├── cache/          # Cache output {ignored}
│   ├── app/            # Next.js app directory (pages, layouts)
│   ├── components/     # Reusable React components
│   ├── data/           # Portfolio data
├── components.json     # Component configuration
├── next.config.ts      # Next.js configuration
├── tsconfig.json       # TypeScript configuration
└── package.json        # Dependencies and scripts

Getting Started

Prerequisites

• Node.js (v18 or higher recommended)
• npm, yarn, pnpm, or bun

Installation

Clone the repository:

git clone https://github.com/Silverscrypt/silverscrypt-website.git
cd silverscrypt-website

Install dependencies:

npm install
# or
yarn install
# or
pnpm install
# or
bun install

Development

Start the development server:

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

Open http://localhost:3000 in your browser to see the application. The page will automatically update as you edit files.

Building

Create a production build:

npm run build
npm run start

Features

• Responsive design optimized for all devices
• Static site generation for optimal performance
• Blog articles support
• TypeScript for type safety
• Modern ESLint configuration
• Optimized font loading with Next.js Font

Adding Articles

To add your own articles, create markdown files in the Articles folder. Categories can be modified.

Deployment

This project is deployed on Vercel, which provides seamless integration with Next.js.

To deploy your own version:

1. Push your code to a GitHub repository
2. Import the repository in Vercel
3. Vercel will automatically detect Next.js and configure the build settings
4. Deploy with a single click

For detailed deployment instructions, see the Next.js deployment documentation.

Learning Resources

• Next.js Documentation - Comprehensive Next.js guide
• Learn Next.js - Interactive tutorial
• shadcn Library - A collection of UI components
• TailwindCSS Documentation - Comprehensive TailwindCSS guide

Development Scripts

• npm run dev - Start development server
• npm run build - Create production build
• npm run start - Start production server
• npm run lint - Run ESLint