Here are some notes I learned while building a Gen AI app with Next.js and Nest.js

Roadmap

The Roadmap you can asset this link: AI RoadMap

To learn and specialize as a full-stack developer focusing on Generative AI (Gen AI) with Next.js and NestJS, you'll need resources that combine AI fundamentals, integration of AI models in web applications, and specific tools like OpenAI's APIs or LangChain. Below is a curated list of free courses, blogs, and documentation:

Free Courses:

• Comprehensive NestJS Course by freeCodeCamp: This course offers an in-depth introduction to NestJS, guiding you through building efficient, reliable, and scalable server-side applications.

• Full Stack NestJS + Next.js Tutorial: This tutorial demonstrates how to build a full-stack to-do application using NestJS for the backend and Next.js for the frontend.

Blogs and Tutorials:

• Creating a Project with Nest.js + Next.js: This blog post provides a step-by-step guide on setting up a project that integrates NestJS with Next.js, discussing various server-side rendering strategies.

• Next x Nest - Connecting your NextJs App to a NestJs Backend: This article focuses on integrating NextAuth with Next.js and establishing secure communication with a NestJS backend.

Official Documentation:

• NestJS Documentation: The official NestJS docs offer comprehensive guides and references to help you understand and utilize the framework effectively.

• Next.js Learn: The official Next.js learning platform provides tutorials that take you from beginner to expert, covering the foundations and advanced features of Next.js.

Additional Resources:

• Express <> NextJS <> NestJS Cheatsheet for Beginners: This resource offers a comparison between NestJS and other popular JavaScript frameworks, aiding in understanding key concepts.

• 6 Best Online Resources to Learn NestJS for Free: This compilation includes various free tutorials and courses to help you master NestJS.

Some Blogs:

How to Build Gen AI App:
https://www.leewayhertz.com/how-to-build-a-generative-ai-solution/
https://www.youtube.com/watch?v=rQdibOsL1ps
https://www.youtube.com/watch?v=qN_2fnOPY-M&list=WL&index=1&t=263s
https://youtu.be/d-VKYF4Zow0?si=YAXkzM371CYjo7oF
https://www.youtube.com/watch?v=_KGuW7y3I6s&list=PLmsFUfdnGr3xL1lAXPeuTuSRDzPC3dn11
https://www.youtube.com/watch?v=3eT5gjnNgUI
https://www.youtube.com/watch?v=9xOkD9yf1Xk

Prompt:
https://www.promptingguide.ai/
https://learn.microsoft.com/en-us/azure/ai-services/openai/concepts/prompt-engineering?tabs=chat
https://www.datacamp.com/tutorial/prompt-chaining-llm
https://learnprompting.org/docs/basics/chatgpt_basics_prompt

By exploring these resources, you'll gain a solid foundation in both Next.js and NestJS, equipping you with the skills necessary to build robust full-stack applications.

---

Free Courses

1. AI for Everyone (Andrew Ng - Coursera)

   • Learn AI concepts and how it impacts various domains.
   • AI for Everyone - Coursera
   • Learn AI Free Cost

2. Building AI-Powered Applications with OpenAI (freeCodeCamp)

   • Focuses on integrating OpenAI's GPT models into web apps.
   • OpenAI + React Course on YouTube

3. LangChain Crash Course (YouTube)

   • Learn to build applications powered by LLMs, suitable for NestJS backends and Next.js frontends.
   • LangChain for Developers

4. OpenAI Quickstart Guide

   • Learn to use OpenAI's APIs to build Gen AI solutions.
   • Quickstart Repo on GitHub

---

Blogs and Tutorials

1. How to Build a GPT-3 Powered App with Next.js and NestJS

   • Step-by-step guide to integrating GPT models in a full-stack app.
   • Medium Blog

2. LangChain + MongoDB: Building an AI Knowledge Retrieval System

   • Detailed tutorial on using vector search with LangChain and MongoDB for document retrieval.
   • LangChain Docs - MongoDB Integration

3. Next.js and OpenAI API Integration

   • Learn how to use Next.js API routes to integrate GPT models.
   • Tutorial on Dev.to

4. Building ChatGPT-like Applications with NestJS

   • A comprehensive guide on setting up a backend for AI apps using NestJS and OpenAI APIs.
   • NestJS AI Blog

---

Official Documentation

1. OpenAI API Documentation

   • Learn to fine-tune models, generate responses, and handle prompts effectively.
   • OpenAI Docs

2. LangChain Documentation

   • Guides on creating RAG (Retrieval-Augmented Generation) pipelines for scalable Gen AI systems.
   • LangChain Docs

3. Hugging Face Transformers Documentation

   • Ideal for custom model deployment with Next.js and NestJS.
   • Hugging Face Docs

---

YouTube Playlists

1. Full-Stack AI Development Tutorials

   • Covering backend (NestJS) and frontend (Next.js) integrations for AI.
   • freeCodeCamp AI Development

2. Generative AI with LangChain and OpenAI

   • Focus on integrating Generative AI in web apps with practical examples.
   • LangChain AI Playlist

---

Books (Free/PDF)

1. Deep Learning with JavaScript
   • Learn how to build and deploy deep learning models directly in your Next.js projects.
   • Download PDF

---

Recommended Tools to Explore

1. OpenAI Playground

   • Experiment with GPT-4 and other models.
   • Playground

2. LangChain for Python and TypeScript

   • Ideal for building complex Gen AI pipelines.
   • LangChain GitHub

3. Weaviate or MongoDB Atlas Search for Vector DB

   • For storing embeddings and retrieval tasks in Gen AI projects.
   • Weaviate Docs | MongoDB Vector Search

---

Community and Forums

1. AI Stack Exchange

   • Ask and learn from real-world AI and Generative AI challenges.
   • AI Stack Exchange

2. Reddit: r/OpenAI, r/LangChainAI

   • Active communities discussing AI and Gen AI projects.
   • Reddit - OpenAI

3. Discord Channels: OpenAI, LangChain

   • Join the conversation and troubleshoot directly with experts.
   • LangChain Discord

---

By exploring these resources, you’ll gain the technical expertise to build Generative AI-powered applications with Next.js and NestJS, leveraging the latest technologies and best practices. Let me know if you'd like specific implementation guidance!