Learn Nextjs

Abstract

1. Introduction

Must Read: Web Development in 2023: JavaScript Still Rules, AI Emerges

The stack used in this learning repo, it is a mixture of Jamstack and T3 Stacks: TypeScript, Next.js 13, Chakra UI, tRPC, Prisma, Strapi, CockroachDB serverless (SQL), and MongoDB Atlas (NoSQL).

This repo is part of the Certified Web 3.0 and Metaverse Developer Training Program

2. Objective

Learn Modern Full Stack Web 2 and Web 3 Development using Typescript, Next.js 13 Apps, Tailwind CSS, Shadcn UI, Neon, Drizzle ORM, and Sanity

This project demonstrates how TypeScript, Next.js, Serverless can be applied to a real-world Full Stack Web Development problem.

4. Technology Stack

5. System Requirements

General requirements for this technology stack — check the README for exact versions.

• Node.js (LTS) and npm / yarn / pnpm
• VS Code or any code editor
• Git (to clone the repository)

6. Installation & Setup

git clone https://github.com/panaverse/learn-nextjs.git
cd learn-nextjs

Full setup instructions are in the project README.

7. Future Enhancements

Suggested extensions you can add to make this your own project.

• Add role-based access control
• Deploy on a VPS or cPanel hosting with a custom domain
• Add automated tests and a CI pipeline

8. Viva / Review Questions

Common questions examiners ask for projects in this domain.

1. Explain the frontend, backend and database layers of this application.
2. How is user authentication and authorisation implemented?
3. Describe the main database tables / collections and their relationships.
4. Which REST APIs or routes are exposed and what do they return?
5. How would you deploy this application to production?

9. Source Code & License

This project is developed by panaverse and published on GitHub under the MIT License. Please follow the license terms and credit the original author when you use or modify this code.