Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/danielkhakbaz/nextjs-template
Template for Next.js projects.
https://github.com/danielkhakbaz/nextjs-template
eslint eslint-config-prettier git husky nextjs prettier typescript vscode-settings
Last synced: about 20 hours ago
JSON representation
Template for Next.js projects.
- Host: GitHub
- URL: https://github.com/danielkhakbaz/nextjs-template
- Owner: Danielkhakbaz
- Created: 2024-04-20T07:58:22.000Z (7 months ago)
- Default Branch: master
- Last Pushed: 2024-04-20T10:12:33.000Z (7 months ago)
- Last Synced: 2024-04-21T08:48:21.890Z (7 months ago)
- Topics: eslint, eslint-config-prettier, git, husky, nextjs, prettier, typescript, vscode-settings
- Language: TypeScript
- Homepage:
- Size: 51.8 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Next.js Template
Danial Khakbaz's portfolio built with [Next.js](https://nextjs.org/), showcasing his skills as a Front-end developer with a journey toward becoming a Full-stack developer. This project highlights his ambition for continuous learning and crafting seamless web applications using modern technologies.
## Project Overview
This portfolio website serves as a professional platform to showcase Danial’s work, skills, and personal philosophy on balanced living. It is optimized for performance and utilizes several popular tools and libraries for a smooth, interactive user experience.
## Table of Contents
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Installation](#installation)
- [Development Scripts](#development-scripts)
## Features
- **Responsive Design**: Fully responsive layout with smooth animations.
- **Interactive Animations**: Seamless transitions powered by Next View Transition.
- **Tailwind CSS Integration**: Utility-first CSS framework for rapid UI development.
- **TypeScript Support**: Enhanced type safety and development experience.
- **Image Optimization**: Efficient image handling with Sharp for performance.
- **Linting and Formatting**: Code quality maintained with ESLint and Prettier.
## Technologies Used
- **[Next.js](https://nextjs.org/)** - React framework for server-side rendering and static website generation.
- **[React](https://reactjs.org/)** - JavaScript library for building user interfaces.
- **[Tailwind CSS](https://tailwindcss.com/)** - Utility-first CSS framework for rapid UI development.
- **[TypeScript](https://www.typescriptlang.org/)** - JavaScript with static typing.
- **[Sharp](https://sharp.pixelplumbing.com/)** - High-performance image processing.
- **[Knip](https://knip.dev/)** - Tool for managing your Next.js project's file and folder structure.
## Installation
To set up this project locally, follow these steps:
1. **Clone the repository**:
```bash
git clone https://github.com/Danielkhakbaz/Nextjs-Template
cd daniel-portfolio
```
2. **Install dependencies**:
```bash
yarn
```
3. **Run the development server**:
```bash
yarn dev
```
4. **Open** [http://localhost:3000](http://localhost:3000) **in your browser to see the project**.
## Development Scripts
Here are some helpful scripts to assist in the development and maintenance of this project:
- `dev`: Runs the app in development mode.
- `build`: Compiles the app for production.
- `start`: Starts the production server.
- `lint`: Lints and fixes files using ESLint.
- `fix`: Formats files using Prettier.
- `knip`: Analyzes the project structure and provides suggestions for improvement.
- `check-prettier`: Checks the code format without making changes.