safak/next-blog

next-blog's Issues

Responsive Login [Authlinks]

Hello i'm new with develope and found that responsive <640 has been lost "Login" (When user aren't login yet)

NOTTHING HERE

I get this error and I am having trouble with signing in with google

everything is set but the error persists and i can login a user.

Facing error while doing npm run build

Error occurred prerendering page "/write". Read more: https://nextjs.org/docs/messages/prerender-error
ReferenceError: document is not defined

Prisma client error

when im putting the data of post in a prisma studio , it gives me this error , Type: undefined
Message:
Invalid prisma.post.create() invocation:

{
data: {
slug: "1",
title: "1",
desc: "klad",
img: "/fashion.png",
views: 0,
cat: {
connect: {
? id?: String,
? slug?: String,
? AND?: CategoryWhereInput | CategoryWhereInput[],
? OR?: CategoryWhereInput[],
? NOT?: CategoryWhereInput | CategoryWhereInput[],
? title?: StringFilter | String,
? img?: StringNullableFilter | String | Null,
? Posts?: PostListRelationFilter
}
},
user: {
connect: {}
},
comments: {}
},
select: {
id: true,
createdAt: true,
slug: true,
title: true,
desc: true,
img: true,
views: true,
catSlug: true,
cat: true,
userEmail: true,
user: true,
comments: true
}
}

Argument connect of type CategoryWhereUniqueInput needs at least one of id or slug arguments. Available options are listed in green.

Code: undefined

Query:
[object Object]

however ! i have read and change the code , but still i am getting this error while creating posts in prisma studio ,

Error: data?.map is not a function

src\components\categoryList\CategoryList.jsx (24:15) @ map

22 |

Popular Categories

23 |

24 | {data?.map((item) => (
| ^
25 | <Link
26 | href="/blog?cat=style"
27 | className={${styles.category} ${styles[item.slug]}}

Popular category not redirecting to desired path

like clicking on fashion or even anything will redirect to style http://localhost:3000/blog?cat=style

I don't know where the problem is, the local storage is not working and the screen is white ?

`at ThemeContextProvider (./src/context/Themecontext.jsx:20:78)
digest: "987892600"
5 | const getFromLocalStorage = () => {
6 | if (typeof window !== undefined) {

7 | const value = localStorage.getItem("theme");
| ^
8 | return value || "light";
9 | }
10 | };`

[Bug]:in Write.jsx after using dynamic import for Reactquill page is re rendering when we write inside Reactquill

What does this mean?
1.After dynamically importing reactquill in write.jsx src-app-write-write.jsx
2.when using input of reactquill page is re rendering

Problem with prisma adapter, I suddenly have an 0auth callback error, and I'm in a loop of callbacks.

Hi there! I'm facing some issue with the signin at 2:41:50 mark. As soon as I have inserted a prisma adapter, I suddenly have an 0auth callback error, and I'm in a loop of callbacks.

http://localhost:3000/api/auth/signin?error=Callback

views is not updating, can anyone help me ?

please anyone

Error: data?.map is not a function HELP!!

Cannot read properties of undefined (reading 'page')

src/app/page.jsx (8:36) @ page

6 |
7 | export default function Home({ searchParms }) {

8 | const page = parseInt(searchParms.page) || 1;
| ^
9 |
10 | return (
11 |

Unable to fetch posts on production server, encountering client-side exceptions.

I am facing issues fetching posts on the production server of my Next.js application. The application throws an “Application error: a client-side exception has occurred” message. This issue does not occur in local development (http://localhost:3000).

Steps to Reproduce:

1.Navigate to a post page on the production server, e.g., https://domain-name/posts/[slug].
2.Observe the browser console for errors.
3.Note the network requests and responses, especially for chunk files like page-[slug].js.

Expected Behavior:

Posts should load successfully on the production server, similar to how they load in local development.

Actual Behavior:

Encountering client-side exceptions, specifically 404 Not Found errors for chunk files like page-[slug].js.

Screenshot

Environment:

Local Development: Works as expected.
Production Server: Fails to fetch posts, encountering client-side exceptions.

Category pagination Issue

There is a issue in a pagination component with regards to category

Kindly find the below modified code.

Hope you find it useful.

---

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

function Pagination({ page, hasPrev, hasNext, cat }) {

const router = useRouter()

return (

{
cat !== undefined ?
<>
<button className={styles.button}
disabled={!hasPrev}
onClick={() => router.push(?page=${page - 1}&cat=${cat})}
>
Previous Page

<button
className={styles.button}
disabled={!hasNext}
onClick={() => router.push(?page=${page + 1}&cat=${cat})}
>
Next Page

</>

      :
      <>
        <button className={styles.button}
          disabled={!hasPrev}
          onClick={() => router.push(`?page=${page - 1}`)}
        >
          Previous Page
        </button>

        <button
          className={styles.button}
          disabled={!hasNext}
          onClick={() => router.push(`?page=${page + 1}`)}
        >
          Next Page
        </button>
      </>

  }





</div>

);
}

export default Pagination;

undefined data?user.name

prisma error

Invalid prisma.user.create() invocation:

Inconsistent column data: Malformed ObjectID: provided hex string representation must be exactly 12 bytes, instead got: "clmegb4vn0001tqbkp5k5t8j2", length 25 for the field 'id'

A server-side exception has occurred

https://wonderwrit-vxph.vercel.app/

getting document is not defined error while yarn build

Error occurred prerendering page "/write". Read more: https://nextjs.org/docs/messages/prerender-error
ReferenceError: document is not defined

Let me know how to resolve this issue

Warning: Prop `className` did not match. Server: "null" Client: "light"

dangerouslySetInnerHTML prop for a React DOM element should be in the form of {__html: ...}

Error: data?.map is not a function..

I tried many alternatives from the internet,
not able to pin down the issue and I believe its to do with route.js but not able to solve this issue.

Can someone suggest?

Deployment Failure on Vercel for /write Route with React Quill

Description:

I'm encountering a deployment failure on Vercel specifically related to the /write route in my Next.js application. The /write route utilizes the React Quill package and seems to be causing issues during deployment.

Steps to Reproduce:

Attempt deployment on Vercel.
Observe the deployment logs or error messages specifically related to the /write route.

Expected Behavior:
The deployment on Vercel should proceed successfully for all routes, including the /write route using React Quill.

Actual Behavior:
The deployment breaks or encounters errors specifically when handling the /write route, causing the deployment to fail on Vercel.

Issues with themeprovider

problem in deploy

TypeError: fetch failed
at Object.fetch (node:internal/deps/undici/undici:11576:11)
at process.processTicksAndRejections (node:internal/process/task_queues:95:5) {
cause: Error: connect ECONNREFUSED ::1:3000
at TCPConnectWrap.afterConnect [as oncomplete] (node:net:1495:16)
at TCPConnectWrap.callbackTrampoline (node:internal/async_hooks:130:17) {
errno: -4078,
code: 'ECONNREFUSED',
syscall: 'connect',
address: '::1',
port: 3000
}
}

Error occurred prerendering page "/". Read more: https://nextjs.org/docs/messages/prerender-error
TypeError: fetch failed
at Object.fetch (node:internal/deps/undici/undici:11576:11)
✓ Generating static pages (13/13)

Export encountered errors on following paths:
/page: /
/write/page: /write

⨯ TypeError: Cannot read properties of undefined (reading 'name')

Getting This error, not exactly sure where is the issue!

at SinglePage (./src/app/posts/[slug]/page.jsx:71:69)
33 | )}
34 |

35 | {data?.user.name}
| ^
36 | 01.01.2024
37 |

38 |
✓ Compiled in 255ms (591 modules)

[ERR]:CORS error when uploading image to firebase

This is the error coming when i am trying to upload image to firebase.