Enscribe.dev
My personal information security blog—built with Astro, Tailwind, and shadcn/ui.
Overview
enscribe.dev is a personal information security blog built with Next.js, Tailwind CSS, TypeScript, and deployed on Vercel. This blog serves as a learning tool, reference, and inspiration for projects in the realm of information security. The website utilizes various technologies like Next.js, Tailwind CSS, and Vercel analytics to provide a visually appealing and interactive experience for visitors.
Features
- Framework: Built with Next.js for efficient server-side rendering.
- Styling: Utilizes Tailwind CSS for responsive and customizable styling.
- Deployment: Hosted on Vercel for fast and reliable performance.
- Content Management: Uses MDX and Contentlayer for managing and rendering content.
- Database: Incorporates Upstash Redis for data storage.
- Components: Implements shadcn/ui for quick and attractive UI components.
- Syntax Highlighting: Utilizes Prism for code syntax highlighting.
- Graphics: Designed using Figma for visually appealing elements.
- Astro
Astro is the all-in-one web framework designed for speed. Pull your content from anywhere and deploy everywhere, all powered by your favorite UI components and libraries.
- Next.js
Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- Shadcn UI
Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
- Blog
Blog websites feature posts written by one or more authors, organized by categories and tags, with a section for comments and archives sorted by date or topic. Additional features may include search bar, social media sharing, subscription or RSS feed, about and contact pages, and visual content.
- Personal
A personal website is an online platform that showcases an individual's work, interests, and personality. It can include a range of content, such as a bio, resume, portfolio, blog, and contact information, and is often used to promote one's personal brand or professional services.
- Contentlayer
Contentlayer is an open-source platform for building dynamic, data-driven websites and applications using markdown files as the content source. It features an intuitive API, flexible content modeling, and easy integration with popular frontend frameworks and tools.
- Recharts
Recharts is a powerful and easy-to-use React library for building customizable and interactive charts. Built on D3.js, it offers a wide range of pre-built chart types, such as line, bar, pie, and scatter charts, all of which can be composed with a declarative syntax.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.
