jpreagan.com
personal-website
jpreagan.com | personal-website | |
---|---|---|
4 | 1 | |
31 | 2 | |
- | - | |
8.5 | 8.0 | |
3 months ago | 3 days ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
jpreagan.com
-
Building Your Own Platform: The Importance of Having a Personal Website
You are welcome to take inspiration or use code from my website, but please remove my personal information and content. The source code is available on GitHub with updated documentation to make it easier for you to start. If you have any questions or feedback, don't hesitate to reach me on Twitter."
-
Give your blog superpowers with MDX in a Next.js project
Also, note I've made use of some styling here; just a minimal example of how you can use Tailwind CSS and the official Tailwind Typography plugin. It's really fantastic for this sort of use case. If you're curious more about the styling have a look at the GitHub repo.
-
Give your blog superpowers with MDX in a Next.js
Here I'm using remarkGfm to provide GitHub Flavored Markdown, and rehype-prism-plus to give syntax highlighting for code blocks. You'll need to import a prism theme in /pages/_app.tsx or add your own custom tokens to global styles. I went with the latter option and you can take a look at how I did that here.
-
Starting a personal dashboard with the Spotify API
You can see my page here, and the code lives here. Also, be sure to check out Lee Robinson's personal dashboard for more inspiration.
personal-website
-
Introducing my fresh website build in React, NextJs and ThreeJs
The website is open-source, you can check out the code on my GitHub repository at https://github.com/0xforkitall/personal-website.
What are some alternatives?
remark-mdx-images - A remark plugin for changing image sources to JavaScript imports using MDX
j471n.in - This is my portfolio built with Next.js, Tailwind CSS, Sanity, Spotify API, Dev.to API, MDX, Google Analytics and Vercel.
eleventy 🕚⚡️ - A simpler site generator. Transforms a directory of templates (of varying types) into HTML.
portfolio - Portfolio built with Contentlayer, Next.js, Tailwind CSS Typescript (T3 Stack), and deployed through Vercel
next-mdx-remote - Load mdx content from anywhere through getStaticProps in next.js
kenaqshal-next - My personal website – Built using Next.js, TypeScript, MDX, Sanity.io and Tailwind
vanilla-extract - Zero-runtime Stylesheets-in-TypeScript
r3f-world-with-character - A 3D world with nature objects and a character that can move around using your keyboard. Let the character walk, run or dance.
flanker - Python email address and Mime parsing library
r3f-gravity-ball - Simple game with @react-three/fiber
tailwindcss-typography - Beautiful typographic defaults for HTML you don't control.
R3F-CRA-Starter - A starter project for React-Three-Fiber bootstrapped with Create-React-App and some useful packages