https://github.com/felixmairamhof/nextjs-tutorial
Next.js tutorial for mastering Next.js with TypeScript, Tailwind CSS, authentication, metadata handling, streaming, suspense, PostgreSQL integration, and Zod for schema validation.
https://github.com/felixmairamhof/nextjs-tutorial
nextauth nextjs postgres tailwindcss typescript vercel zod
Last synced: 2 months ago
JSON representation
Next.js tutorial for mastering Next.js with TypeScript, Tailwind CSS, authentication, metadata handling, streaming, suspense, PostgreSQL integration, and Zod for schema validation.
- Host: GitHub
- URL: https://github.com/felixmairamhof/nextjs-tutorial
- Owner: FelixMairamhof
- Created: 2024-08-17T12:12:47.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-19T13:14:56.000Z (almost 2 years ago)
- Last Synced: 2025-02-24T07:13:26.636Z (over 1 year ago)
- Topics: nextauth, nextjs, postgres, tailwindcss, typescript, vercel, zod
- Language: TypeScript
- Homepage: https://next-js-tutorial-tawny-nine.vercel.app
- Size: 939 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# NextJs-Tutorial
Welcome to the **NextJs-Tutorial** repository! This project is a starter template for the Next.js App Router Course, designed to help you get up and running with Next.js and its features.
## About
This repository contains the initial codebase for the dashboard application featured in the Next.js App Router Course. It includes various configurations and setup files to help you understand the basics of building applications with Next.js.
For more details on the course and to follow along with the curriculum, please visit the [Next.js Website](https://nextjs.org/).
## Project Structure
Here's a quick overview of the project's structure:
- **app/** - Contains application logic and components.
- **public/** - Static assets like images and fonts.
- **auth.config.ts** - Configuration for authentication.
- **auth.ts** - Authentication logic.
- **middleware.ts** - Middleware for handling requests.
- **next.config.mjs** - Configuration for Next.js.
- **postcss.config.js** - Configuration for PostCSS.
- **tailwind.config.ts** - Configuration for Tailwind CSS.
- **tsconfig.json** - TypeScript configuration.
- **package.json** - Project metadata and dependencies.
- **pnpm-lock.yaml** - Lockfile for package dependencies.
## Getting Started
To get started with this project, follow these steps:
1. **Clone the repository:**
```bash
git clone https://github.com/FelixMairamhof/NextJs-Tutorial.git
```
2. **Navigate to the project directory:**
```bash
cd NextJs-Tutorial
```
3. **Install dependencies:**
```bash
pnpm install
```
4. **Run the development server:**
```bash
pnpm dev
```
Open your browser and go to `http://localhost:3000` to see the application in action.
## Features
- **Next.js App Router**: Learn how to build a modern React application with server-side rendering and static site generation.
- **Authentication**: Implement user authentication with provided configurations and middleware.
- **Tailwind CSS**: Use Tailwind for styling your application with utility-first CSS.
- **TypeScript**: Enjoy type safety and better development experience with TypeScript.
## Contributing
Feel free to fork the repository and make changes. If you have any suggestions or improvements, please open an issue or submit a pull request.
## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for more details.
---
Happy coding! 🚀