https://github.com/happyhackingspace/landing-frontend-app
Happy Hacking Space Landing
https://github.com/happyhackingspace/landing-frontend-app
content-collections framer-motion nextjs shadcn-ui tailwindcss typescript
Last synced: 3 months ago
JSON representation
Happy Hacking Space Landing
- Host: GitHub
- URL: https://github.com/happyhackingspace/landing-frontend-app
- Owner: HappyHackingSpace
- Created: 2024-10-01T17:48:57.000Z (over 1 year ago)
- Default Branch: prod
- Last Pushed: 2025-03-22T13:54:38.000Z (about 1 year ago)
- Last Synced: 2025-03-29T15:23:48.336Z (about 1 year ago)
- Topics: content-collections, framer-motion, nextjs, shadcn-ui, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://happyhacking.space
- Size: 4.27 MB
- Stars: 9
- Watchers: 2
- Forks: 3
- Open Issues: 19
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Happy Hacking Space - Website Code
Welcome to the website for Happy Hacking Space, a community-driven platform that brings together technology enthusiasts, creators, and innovators.
## About Happy Hacking Space
Happy Hacking Space is a community-driven, collaborative environment where individuals with shared interests in technology, science, and creative endeavors come together to experiment, learn, and innovate through playful exploration and clever problem-solving. We embrace the hacker spirit of curiosity and creativity, operating as a space for collaboration and skill-sharing while fostering a sense of fun in pushing the boundaries of what is possible.
## What is Hacking?
In our community, hacking represents the spirit of playful intelligence and exploration. As RMS puts it in "On Hacking":
> Defining hacking can be challenging due to its variable nature. However, a common trait among many hackers is their playful, intelligent, and exploratory mindset. Thus, hacking means exploring the boundaries of what is possible with a playful spirit. Activities that demonstrate playful intelligence have hack value.
## Adding a New Article to the App
Follow these steps to add a new article to the app. This guide explains the structure of the markdown file and provides a template.
## Article Template
Save your article as a markdown (`.mdx`) file. Below is the required template:
- mdx file location: `content/blog/your_post_title.mdx`
- blog image location: `public/blog/your_post_img.jpg`
```markdown
---
title: "Your Post Title" # The title of your article
subtitle: "Your Post Subtitle" # Optional subtitle
summary: "A brief summary of your post" # Short summary for previews
publishedAt: "YYYY-MM-DD" # Date of publication
author: "Author Name" # Name of the author
tags: ["tag1", "tag2"] # Relevant tags for the post
---
## Your Post Title
Write the content of your post here. You can use Markdown syntax for formatting.
### Example Code Block
To include code snippets, use fenced code blocks:
```Javascript
console.log("This is a test post");
const test = async () => {
await new Promise((resolve) => setTimeout(resolve, 1000));
console.log("This is a test post");
};
test();
Adding an image
```
## Technical Stack
This is a modern web application built with:
- [Next.js](https://nextjs.org) - React framework for production
- MDX for content management
- Tailwind CSS for styling
- TypeScript for type safety
## Getting Started
1. Clone the repository
2. Install dependencies:
```bash
npm install
# or
yarn install
# or
pnpm install
# or
bun install
```
3. Run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```
4. Open [http://localhost:3000](http://localhost:3000) in your browser
## Community
Join our community of hackers, makers, and technology enthusiasts. Together, we explore the boundaries of what's possible through collaborative learning and creative problem-solving.