ram.codes

Personal portfolio of Ram Shankar

TODO

• Use imagekit or cloudinary to serve images
• Improve seo using google search console and microsoft webmaster tools

Built using

• NextJS
• TailwindCSS
• Framer Motion
• content-collections
• Syntax highlight using rehype-pretty-code which is a rehype plugin powered by shiki

Attributions

• General Sans font from fontshare
• icons from simpleicons.org and iconoir
• analytics from beam analytics
• Tailwind Color Palette Generator

Inspiration

• Rauno Craft
• ibelick Lab
• Aceternity UI
• Magic UI

How to use MDX Components

Images

<Image
  alt={`React has evolved from a library to also provide an architecture for frameworks.`}
  src={`/images/react-frameworks/evolving.jpg`}
  width={1456 / 2}
  height={819 / 2}
/>

Full width image with bleed

<Bleed full>
  <Image
    alt={`React has evolved from a library to also provide an architecture for frameworks.`}
    src={`/images/react-frameworks/evolving.jpg`}
    width={1456 / 2}
    height={819 / 2}
  />
</Bleed>

Issues

Sometimes the build fails becuase of git cache issues. To fix this run the following command

git rm -r --cached .
git add .
git commit --allow-empty -m "Fixed git cache issues"
git push

Alternatively you can also delete the hooks folder from .git folder.