Welcome to FarangFun

We're excited to launch our new blog platform built with the latest web technologies. This post will guide you through some of the features and capabilities of our site.

Modern Technology Stack

FarangFun is built with:

• Next.js 14 - The React framework for production
• Contentlayer - Content made easy for developers
• Tailwind CSS - A utility-first CSS framework
• shadcn UI - Beautiful, accessible components

Key Features

Our blog platform includes several features designed to enhance both the reading and authoring experience:

For Readers

• Dark Mode Support - Toggle between light and dark themes based on your preference
• Fast Page Loads - Static site generation for lightning-fast performance
• Responsive Design - Optimized viewing on any device
• Comments - Engage in discussions using GitHub-powered comments

For Content Creators

• MDX Support - Write content with Markdown and embed React components
• Syntax Highlighting - Beautiful code blocks with proper syntax highlighting
• SEO Optimized - Structured data and metadata for better search engine visibility

Code Example

Here's a simple React component example:

import React from 'react';
 
function Greeting({ name }) {
  return (
    <div className="greeting">
      <h1>Hello, {name}!</h1>
      <p>Welcome to our blog.</p>
    </div>
  );
}
 
export default Greeting;

What's Next?

In the coming weeks, we'll be publishing more content about:

• Web development best practices
• Next.js tutorials and tips
• Design systems and UI components
• Performance optimization techniques

Stay tuned and thanks for visiting FarangFun!