An open API service indexing awesome lists of open source software.

https://github.com/ranitmanik/next.js

Next.js: The Complete Developer's Guide - This repository contains the source code from the Udemy course focused on mastering Next.js v14.
https://github.com/ranitmanik/next.js

app-router next-auth nextjs nextjs14 nextui tailwindcss typescript vercel

Last synced: 7 months ago
JSON representation

Next.js: The Complete Developer's Guide - This repository contains the source code from the Udemy course focused on mastering Next.js v14.

Awesome Lists containing this project

README

          

# Next.js - The Complete Developer's Guide

![GitHub Created At](https://img.shields.io/github/created-at/RanitManik/Next.js)
![GitHub repo size](https://img.shields.io/github/repo-size/RanitManik/Next.js)
![GitHub Discussions](https://img.shields.io/github/discussions/RanitManik/Next.js)
![GitHub License](https://img.shields.io/github/license/RanitManik/Next.js)
![wakatime](https://wakatime.com/badge/github/RanitManik/Next.js.svg)

This repository hosts the source code for the Udemy course **"Next JS: The Complete Developer's Guide."** This course
covers the latest version of Next.js (v14) and dives deep into building modern web applications using tools like App
Router, Next Auth, NextUI, and TailwindCSS.

## Course Overview

This course provides an in-depth guide to building applications using Next.js v14. Key topics include:

- **App Router**: Exploring the new features and configurations in Next.js v14 for routing.
- **Next Auth**: Implementing secure authentication in your applications with Next.js.
- **NextUI**: Leveraging NextUI for creating reusable and efficient UI components.
- **TailwindCSS**: Mastering TailwindCSS to style your applications with utility-first CSS.

## Project Structure & Links

As you work through the course, the code for each project will be organized in its own directory. Below are the live
links to each project:

| Project | Live Link |
|---------|---------------------------------------------------------------|
| corp | [corp-ranit.vercel.app](https://corp-ranit.vercel.app/) |
| snippet | [snippet-ranit.vercel.app](https://snippet-ranit.vercel.app/) |
| discuss | [not completed yet] |
| ... | ... |

## Technologies Used

This repository includes the following technologies:

![Technologies Used](https://skillicons.dev/icons?i=next,react,typescript,tailwindcss,nodejs,postgres,prisma,npm,webstorm,linux,vercel)

## Getting Started

To set up the project locally, follow these steps:

1. **Clone the repository:**
```bash
git clone https://github.com/RanitManik/Next.js.git
cd Next.js
cd $PROJECT_NAME
```

2. **Install the necessary dependencies:**
```bash
npm install
```

3. **Start the development server:**
```bash
npm run dev
```

## Running the Project

Once the development server is running, you can access the application in your browser by navigating to
`http://localhost:3000`.

## Resources

For additional information and documentation, refer to the following resources:

- [Next.js Official Documentation](https://nextjs.org/docs)
- [TailwindCSS Official Documentation](https://tailwindcss.com/docs)
- [NextUI Official Documentation](https://nextui.org/docs)
- [NextAuth.js Official Documentation](https://next-auth.js.org/getting-started/introduction)
- [Next JS: The Complete Developer's Guide](https://www.udemy.com/course/next-js-the-complete-developers-guide/?couponCode=SKILLS4SALEA)

## License

This project is licensed under the MIT License. For more details, see the [LICENSE](LICENSE) file.