profile
viewpoint
If you are wondering where the data of this site comes from, please visit https://api.github.com/users/ruucm/events. GitMemory does not store any data, but only uses NGINX to cache data for a period of time. The idea behind GitMemory is simply to give users a better reading experience.
ruucm ruucm.work More at https://github.com/ruucm-working 👩‍🚀

ruucm/enhanced-lottie 5

Enhanced Lottie Package for Framer X

ruucm/confetti-plus 1

A customizable confetti component built with Framer Property Controls.

ruucm/awesome-react-framer-x 0

A collection of awesome links to learn React, ES6 & Framer X

ruucm/chakra-ui 0

⚡️ Simple, Modular & Accessible UI Components for your React Applications

ruucm/class-timer 0

A simple timer for Hello Framer X Classes

ruucm/colored-structor 0

Modifying styles of structor

ruucm/create-rgb 0

NPX script to Create an App with React GUI Builder

ruucm/face-recognition-api 0

Face Recognition Api using Amazon Rekognition & Serverless ⚡️

push eventruucm/shadergradient

ruucm

commit sha c3d67700671e7ee65ca1c50aec29b1ab0902fe05

fix build err

view details

push time in 15 hours

push eventruucm/shadergradient

ruucm

commit sha 92b4c81ea72a76e4f842335fa731a6d0af1a67ba

enable JIT mode, and replace inline styles

view details

push time in 15 hours

push eventruucm/shadergradient

ruucm

commit sha dcd8b61459e05d2f95a880e9f9eff5911a0b19ea

make PreviewSwitch as a comp

view details

push time in 15 hours

push eventruucm/shadergradient

ruucm

commit sha 941bb22b8e88ff0c8dd5d71dd3558b9a6c21febf

default props

view details

push time in 16 hours

push eventruucm/shadergradient

ruucm

commit sha d1b6e277964d0d72dc8c642461024e4d2aaa1ed0

fix build err

view details

push time in a day

push eventruucm/shadergradient

ruucm

commit sha e42b8efad66dd8928a04473132e34cdab9991bb0

0.0.17

view details

push time in a day

push eventruucm/shadergradient

ruucm

commit sha 99ddae8165d16211b892da1adc456d4b656691af

styles

view details

ruucm

commit sha 9520ca4c059276557348fc6ea3e075c8ba4e4a57

add controls

view details

ruucm

commit sha 4ec06e09ad049a605ab539f339fa1e6ac565b25e

Slider styles in tw

view details

ruucm

commit sha 15adcc6e3765426052855d27ecd514abdda9afe8

complete basic control's styles

view details

ruucm

commit sha 5ce23af7619e9f148cc32f9e9eee580cb3c790c1

enable gap in input panels

view details

ruucm

commit sha be34e0da1ca0ca62f74735593437024cbb000ad8

rm outline

view details

ruucm

commit sha 2c5325bf8069ee7a99a8bde2b4f7c89beb305c32

up

view details

ruucm

commit sha 19fb0a85e3ec78c69cd6f761e873ba504d963139

CameraControls!

view details

ruucm

commit sha 7c573bbd60f48866167bf4abff9ca1ddd74c4ac0

add more controls

view details

push time in a day

push eventruucm/shadergradient

ruucm

commit sha 3bba5f586db0b699c0f21283c666c979e7187d4d

add tailwind

view details

ruucm

commit sha 19c51c2d371f630a0a192c9b5a9c222af0bff73a

fix

view details

ruucm

commit sha 0caaac8813d75969b749f1a86798536e0938d494

0.0.16

view details

ruucm

commit sha f8ec74457ea94f57dbe712e255955c1302891a4e

rm orbitcontrols on figma

view details

push time in a day

push eventruucm/shadergradient

ruucm

commit sha f8ec74457ea94f57dbe712e255955c1302891a4e

rm orbitcontrols on figma

view details

push time in a day

push eventruucm/shadergradient

ruucm

commit sha 0caaac8813d75969b749f1a86798536e0938d494

0.0.16

view details

push time in a day

push eventruucm/shadergradient

ruucm

commit sha 19c51c2d371f630a0a192c9b5a9c222af0bff73a

fix

view details

push time in a day

create barnchruucm/shadergradient

branch : dev-tailwind

created branch time in a day

push eventruucm/shadergradient

ruucm

commit sha 2461c295b85bf98b6c1a15d10855a3d63d938443

fix build error

view details

push time in a day

push eventruucm/shadergradient

stone-skipper

commit sha 4aaa01779145a49e69ee005b6a692efcd9c4f72f

landing update

view details

stone-skipper

commit sha c78cb222167f57ed2106eb02c6942cd35a0d62da

landing update

view details

stone-skipper

commit sha b359de41ad6d128fe38120e5bc20ad7b89076674

start custom page

view details

stone-skipper

commit sha 89f268917a42917b02c86884e73fba4c831d621d

web development

view details

stone-skipper

commit sha 3ffda52080e03a959228618c0541b18bfb4e622c

website development

view details

ruucm

commit sha 7070a5c5c5029fd7f3c9db1f91b5e3de28dab52d

Merge branch 'dev-sm' into master

view details

ruucm

commit sha 72171e90e112f0069f796a6d9686868597653e92

Merge branch 'dev-sm' into dev-ruucm

view details

ruucm

commit sha 794bb46b9b098d8597b886763fceffbada3ec7ec

Merge branch 'master' into dev-ruucm

view details

push time in a day

push eventruucm/shadergradient

stone-skipper

commit sha 4aaa01779145a49e69ee005b6a692efcd9c4f72f

landing update

view details

stone-skipper

commit sha c78cb222167f57ed2106eb02c6942cd35a0d62da

landing update

view details

stone-skipper

commit sha b359de41ad6d128fe38120e5bc20ad7b89076674

start custom page

view details

stone-skipper

commit sha 89f268917a42917b02c86884e73fba4c831d621d

web development

view details

stone-skipper

commit sha 3ffda52080e03a959228618c0541b18bfb4e622c

website development

view details

ruucm

commit sha 7070a5c5c5029fd7f3c9db1f91b5e3de28dab52d

Merge branch 'dev-sm' into master

view details

push time in a day

issue commentsupabase/supabase

Nextjs example SSR doesnt work.

Here is my finding for who wants to access the RLS table on serverside in Nextjs.

  1. Call Auth API with supabase.auth.onAuthStateChange
export default function PricingPage({ products }) {
  useEffect(() => {
    const { data: authListener } = supabase.auth.onAuthStateChange(
      (event, session) => {

        console.log('session', session)
        fetch('/api/auth', {
          method: 'POST',
          headers: new Headers({ 'Content-Type': 'application/json' }),
          credentials: 'same-origin',
          body: JSON.stringify({ event, session })
        }).then((res) => res.json())
      }
    )

    return () => {
      authListener.unsubscribe()
    }
  }, [])

  return <Pricing products={products} />
}
  1. Save Cookies.
import { supabase } from '@/utils/supabase-client'

export default function handler(req, res) {
  supabase.auth.api.setAuthCookie(req, res)
}

  1. Using it with access_token. (It finally allows you to read RLS tables.)
export async function getServerSideProps({ req }) {
  // @ts-ignore
  supabase.auth.session = () => ({
    access_token: req.cookies['sb:token']
  })

  const { data, error } = await supabase.from('products').select('*')
  return {
    props: {
      products: data || []
    }
  }
}

PaulRennerbs

comment created time in 5 days

issue commentsupabase/supabase

User authentication on Nextjs SSR

Here is my finding for who wants to access the RLS table on serverside in Nextjs.

  1. Call Auth API with supabase.auth.onAuthStateChange
export default function PricingPage({ products }) {
  useEffect(() => {
    const { data: authListener } = supabase.auth.onAuthStateChange(
      (event, session) => {

        console.log('session', session)
        fetch('/api/auth', {
          method: 'POST',
          headers: new Headers({ 'Content-Type': 'application/json' }),
          credentials: 'same-origin',
          body: JSON.stringify({ event, session })
        }).then((res) => res.json())
      }
    )

    return () => {
      authListener.unsubscribe()
    }
  }, [])

  return <Pricing products={products} />
}
  1. Save Cookies.
import { supabase } from '@/utils/supabase-client'

export default function handler(req, res) {
  supabase.auth.api.setAuthCookie(req, res)
}

  1. Using it with access_token. (It finally allows you to read RLS tables.)
export async function getServerSideProps({ req }) {
  // @ts-ignore
  supabase.auth.session = () => ({
    access_token: req.cookies['sb:token']
  })

  const { data, error } = await supabase.from('products').select('*')
  return {
    props: {
      products: data || []
    }
  }
}

guido4000

comment created time in 5 days

issue commentuber/react-view

Can't resolve 'fs'. in next js@11

You can add this config for next@^11 at next.config.js

module.exports = {
  webpack: (config, { isServer }) => {
    if (!isServer) {
      config.resolve.fallback.fs = false;
    }
    return config;
  },
}

See details at here.

Kevinjn0123

comment created time in 10 days

push eventruucm/framer-in-nextjs

ruucm

commit sha 876ca11a7ae6eb2549bd1fb782d687c20b838900

template-for-url

view details

push time in 10 days

push eventruucm/framer-in-nextjs

ruucm

commit sha 00a089dba4850c86687238ffd5a0ddaa5552c80a

baseUrl

view details

push time in 11 days

push eventruucm/framer-in-nextjs

ruucm

commit sha 7f19834827b8a3b0a5221902198ec4b625e2fae8

fmt

view details

push time in 11 days

push eventruucm/framer-in-nextjs

ruucm

commit sha af87e761f970c9d4b3c7f434567e396d101bcd61

template page

view details

push time in 11 days

push eventruucm/framer-in-nextjs

push time in 11 days

push eventruucm/framer-in-nextjs

ruucm

commit sha 816343fb904efebaeb1d02c738f35e7f7303fff2

fmt

view details

push time in 11 days

delete branch ruucm/framer-in-nextjs

delete branch : dev

delete time in 12 days

push eventruucm/framer-in-nextjs

ruucm

commit sha ba75c4d53457eb5c5f914e20ef470cf1c2aaa516

update readme

view details

push time in 12 days

push eventruucm/framer-in-nextjs

ruucm

commit sha 592c44afffd3c23ba11e643797574c128433a2fd

upgrade framer & module

view details

push time in 12 days

push eventruucm/framer-in-nextjs

ruucm

commit sha a6fe5f6c5b4c82fe6628e3074076cbb9774f34a8

up

view details

push time in 12 days

push eventruucm/framer-in-nextjs

ruucm

commit sha 08b40aabd7a680e51ae0d93c800e88b55a88e8ed

fmt

view details

push time in 12 days

push eventruucm/framer-in-nextjs

ruucm

commit sha f507f68b4bcddbaeb5bd8d6c1f4dfb76b6ab845d

fmt

view details

push time in 12 days