Full-Stack Blog App Tutorial | Next.js MongoDB Blog App Project Full Course

Hey LamaDev, mutate in SWR is not working after build, like it dont revalidate after posting.... i suspect the cache is not updating , but works in dev mode. Do you have any idea what would be the problem? Any help appreciated ?

Thanks for the excellent tutorial.
I am use google login option and getting error-
Access blocked: This app’s request is invalid.
You can’t sign in because this app sent an invalid request. You can try again later, or contact the developer about this issue. Learn more about this error
If you are a developer of this app, see error details.
Error 400: redirect_uri_mismatch.

Any suggestion?

Can you please make a detailed video on Implementation of google adsense on nextjs 13 app router without losing SSR?

If anyone is having difficulty deploying to Vercel, please comment all code that consumes an API. Publish it in vercel, then put the vercel URL in fetch, uncomment the code and it will work. The next API doesn't work while the build is being built, so you need to deploy the backend first.

What about admin vs user roles ? Can anyone sign in and write posts or comments ?

The complete version of this won't even run, there's an error in there. I was excited, but I'm afraid I might follow the tutorial and in the end not being able to launch the app :(

Thanks 🙏👍

Please make video with typescript

Am having issue with “data?.map is not a function” in the categorieslist please wat do i need to do to resolve the issue..

I not understand prisma please full video prisma

An update for file AuthLinks.jsx line 38 refer repository change "notauthenticated" to "unauthenticared" also write onClick={() => setOpen(!open)} in the line number 35, 36, 37, 39 and 42 respectively so the burger menu will be closed which keeps open on the main page. At line 43 create handleMobileLogout function and in it do signOut as well as setOpen(!open).

Last 7 dayes I did this project with you and finally I finished it properly, Thanks...

Hello Folks! Did anyone noticed if we have written 3 stories (using write page) for same category one by one and publish them then goto to home page and select that category it will show first two records for that category on first page and now when we click next page then from the second page it will start listing all the records from all the categories which should happen only on home page without selecting any category.
To overcome this pass cat as prop along with page, hasPrev, hasNext in pagination component and also change the previous and next button onClick events with this line onClick={() => router.push(`?page=${page - 1}&cat=${cat}`)}> offcourse page + 1 for next page and things will work great.

Can anyone on earth, teach me to integrate Razorpay in this project, Iam ready to pay him 🙏 please

ANYONE HELP PLZ
I cloned complete app and downloded 'npm i' then i deleted the schema folder . Then i installed npm nextauth and i followed the mongodb part of the video. When he get to mongodb he can see his database. But when i do that i cant. How to solve this please?. Need to download any other dependencies?.
HELP.
THANK YOU

Awesome, bro <3

Excellent tutorial, why is the image not displaced in the editor in Write page? how do you display the image in the right place it was in the editor?

Add typescript please

Cool. Great project. Learnt a lot

@LamaDev

Do a react and tailwind project

Love iiitt!

I need help with this
I'm trying to connect google auth but it is not working properly can you tell me what is wrong with it
I search from google but couldn't find any good source

Since I made a typo in posts/[slug]/paje.jsx in fetch request, the getData() was getting data as undefined and dangerouslySetInnerHTML property was showing the above error. I rectified the typo and now its clear.

Fascinating lesson after one of the best lessons about Next.js

Hi I am using next js 13 app deployed on amplify aws but it gives me html chunks code after some time please tell me any solution.

Try signing in with a different account.


I'm having this error Prisma Mongo DB

i want to clone the complete project, anyone knows how to clone complete project like what libs are to be installed, please anyone know help

Which keyboard are you using?

Please make advance multer tutorial 💚🙏

hello bro this is the best tutorial, just one suggestion increase a font size little bit in VS code. Thanks

What do I have to do to make it responsive on mobile and tablet every time I post a blog post?

Lama Dev,
very useful, thank you!
Could you consider a new proj to implement?
Consists of 2 modules:
- Nextjs 13 full-stack module, running some services for a customer (say, a user app)
- AI LLM module, specifically trained/indexed for the user app, used by dev/test/support teams to evolve/maintain the user app (let's call it a side-car app).

Side car app requirements might be as follows:
1. UI for pts 2-5 below.
2. Further enhancement/development of the user app according to customer's new requirements (input to the side-car);
3. Searching docs on the user app codebase (funcs, classes, etc)
4. Creating test cases for the user app
5. Analizing the user app logs (maybe reacting in real time, changing the app's settings, re-loading, etc.)

In the future if we learn how to create such supplements for user apps I beleve we make a huge difference in automation..

would love to see the the tutorial on next js, prisma,postgresql, t3 stack,tailwind css,typescript from beginner to advanced level

Thankyou Lama dev.. Hoping your next tutorial would be typescript, Social-Mern..

Hello guys!
Just wanted to drop here small Pagination component fix, when we're using it with categories page it breaks URI query params, so here is solution:

'use client'

import { useRouter } from 'next/navigation';
import styles from './pagination.module.css';

const Pagination = ({ page, hasPrev, hasNext, cat }: { page: number, hasPrev: boolean, hasNext: boolean, cat?: string }) => {

const router = useRouter();

console.log(hasPrev, hasNext);


return (
<div className={styles.container}>
<button disabled={!hasPrev} className={styles.button} onClick={() => router.push(`?page=${+page - 1}&cat=${cat ? cat : ''}`)}>
Previous
</button>
<button disabled={!hasNext} className={styles.button} onClick={() => router.push(`?page=${+page + 1}&cat=${cat ? cat : ''}`)}>
Next
</button>
</div >
)
};

export default Pagination;

Good luck folks!

😍😍😍😍😍😍

can't we host without vps hosting? what about normal sharing hosting plan?

guy sounds like a miere cat

Does it have any admin panel.

for all you friends stuck at around 3 hour mark at
Error: data?.map is not a function

Lama made a mistake in posts route.js. He is calling "posts" when he should have called "post". so the query looks like this:
const posts = await prisma.post.findMany({ take: POST_PER_PAGE, skip: POST_PER_PAGE * (page - 1) });

and the route.js up to this point is:
import prisma from "@/utils/connect";
import { NextResponse } from "next/server";

export const GET = async (req) => {
const { searchParams } = new URL(req.url);
const page = searchParams.get("page");

const POST_PER_PAGE = 2;

try {
const posts = await prisma.post.findMany({ take: POST_PER_PAGE, skip: POST_PER_PAGE * (page - 1) });
return new NextResponse(JSON.stringify(posts, { status: 200 }));
} catch (err) {
console.log(err);
return new NextResponse(JSON.stringify({ message: "Something went wrong" }, { status: 500 }));
}
};

After getting authenticated, router.push("/"), is giving error in console- Cannot update a comp while rendering different component. Anyone know how to fix this?

I have been trying to do this project for a while now, but still get a blank page when i get to the ThemeProvider part and the authLinks responsive menu also doesn't work, do anyone else get this problem?
I'm afraid to continue the project for now since the console doesn't show me any kind of errors.

Thanks for the hardwork LamaDev! All the best.

why i am unable to add data to post through prisma studio ???
it's showing error while adding