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
• Contentlayer
• 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

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>