The right way to add apple touch icons in NextJS

Goran Jakovljevic — Tue, 13 Dec 2022 11:33:37 +0000

So, some tutorials suggest adding it like this in

<link rel="apple-touch-icon" sizes="180x180" href="/images/favicons/apple-touch-icon.png" />

but, for some "unknown" reason, if you have root file in /pages/ thats using slug such as [slug].tsx, apple devices will run [slug].tsx when fetching apple-touch-icon linked like that.

Solution was to just create 2 png files

apple-touch-icon-precomposed.png
apple-touch-icon.png

and add them directly to public folder. No need to link it in

Thats it.

Prisma ORM update explicit many to many relations

Goran Jakovljevic — Mon, 27 Dec 2021 06:30:05 +0000

I was struggling to find this in docs. So, when you have explicit many to many relationship, lets say you have post that has multiple tags. And you want to edit that post and pass up new tags or edit/remove existing ones. This is the way to do it:

const response: jobs = await prisma.posts.update({
            data: {
                ...data,
                users: { connect: { id: session.user.id } },
                posts_tags: {
                    deleteMany: {},
                    create: tags.map((tag) => ({
                        tags: { connect: { id: tag } },
                    })),
                },
            },
            where: {
                slug: postSlug,
            },
        });

So first you pass up deleteMany: {}, which will delete all connections between post and tags. Then you are assigning/connecting new ones.

DEV Community: Goran Jakovljevic

The right way to add apple touch icons in NextJS

Prisma ORM update explicit many to many relations