AntFE Developer Community is a modern technology exchange platform designed for programmers, dedicated to connecting outstanding developers worldwide, sharing cutting-edge technologies, discussing programming practices, and building open-source projects. Here, every programmer can find like-minded partners.

Based on template: nextjs-ai-starter

antfe/
├── app/                          # Next.js App Router
│   ├── [locale]/                # Internationalization routes
│   │   ├── layout.tsx           # Global layout
│   │   ├── page.tsx             # Homepage
│   │   └── ~offline/            # PWA offline page
│   ├── api/                     # API routes
│   ├── manifest.ts              # PWA manifest
│   └── sw.ts                    # Service Worker
├── components/                   # React components
│   ├── ui/                      # Shadcn UI components
│   ├── layout/                  # Layout components
│   │   ├── header.tsx           # Community navigation
│   │   ├── footer.tsx           # Footer
│   │   └── pageLayout.tsx       # Page layout
│   ├── provider/                # Context providers
│   └── themeToggle.tsx          # Theme toggle
├── lib/                         # Utility libraries
│   ├── http/                    # HTTP client
│   ├── i18n/                    # Internationalization config
│   └── utils.ts                 # Common utilities
├── locales/                     # Language files
│   ├── en.json                  # English
│   └── zh-CN.json               # Chinese
└── styles/                      # Style files
    └── globals.css              # Global styles (with liquid glass effects)

• Technical Discussions: Participate in in-depth discussions on various programming languages and technology frameworks
• Experience Sharing: Share project experiences, best practices, and lessons learned
• Code Reviews: Get code feedback and suggestions from community members

• Project Showcase: Showcase your open source projects and gain community attention
• Collaborative Development: Build interesting projects with other developers
• Skill Enhancement: Improve programming skills by participating in open source projects

• Interview Guidance: Get technical interview experience and advice
• Career Planning: Discuss career development paths with senior developers
• Talent Recommendations: Discover excellent job opportunities and talent

• Technical Articles: Read high-quality technical articles shared by community members
• Online Courses: Participate in technical training and seminars organized by the community
• Development Tools: Discover and share useful development tools and resources

Every community member can build their own personal homepage, which will be displayed in the community. This is a space to showcase yourself!

1. Add Your Info:

   • Open the me.json file in the root directory.
   • Add a new JSON object with your information. Please refer to the existing format.
   • name: Your nickname
   • path: Your route path
   • type: Optional: nextjs/markdown/iframe (markdown support coming soon)
   • description: Description
   • avatar: Avatar
   • tags: Your personal tags
   • links: Your links. Icon can be an online image

   {
     "name": "vadxq",
     "path": "vadxq",
     "type": "nextjs",
     "description": "A developer who loves to code and build things.",
     "avatar": "https://avatars.githubusercontent.com/u/123456789?v=4",
     "tags": ["developer", "frontend", "backend", "fullstack"],
     "links": [
       {
         "name": "GitHub",
         "icon": "Github",
         "url": "https://github.com/vadxq"
       }
     ]
   }

2. Create Your Directory:

   • In the app/(me)/ directory, create a new folder with your GitHub username (e.g., app/(me)/your_username/).
   • This directory is entirely yours to manage.

3. Build Your Page: You have complete freedom in how you build your page. Here are a few options:

   • Next.js Page: Create a page.tsx file and build your page with React components.
   • iframe: Embed your existing personal website using an iframe.
   • MDX: Write your page content using Markdown.

We encourage you to be creative and make your personal page unique!

• Node.js 22+
• Git

# Clone the project
git clone https://github.com/gentleman-org/antfe.git
cd antfe

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

# Start production server
npm run start

# Code checking and formatting
npm run lint              # Run ESLint + Prettier
npm run lint:pretty       # Quick formatting

# Generate changelog
npm run log               # Generate CHANGELOG based on Git commits

• 🧑‍💻 1000+ Active developers
• 📝 500+ Technical articles
• 🔧 100+ Open source projects
• 🌍 24/7 Community activities

• User System
  • User registration and login

We welcome all forms of contributions!

1. Code Contributions: Fix bugs, add features, optimize performance
2. Documentation Improvements: Improve documentation, translate content
3. Community Operations: Organize events, content moderation, user support
4. Feedback and Suggestions: Propose improvements, report issues

1. Fork the project
2. Create a feature branch
3. Submit code
4. Create a Pull Request
5. Code review
6. Merge code

• GitHub Repository
• Online Preview
• Technical Documentation
• Issue Feedback

• Discord Group
• Technical Discussions

This project is open source under Apache License 2.0.

This project is based on the original template project Apache License 2.0.

• Project Maintainer: @vadxq
• Twitter: @vadxqDon

Thank you for your attention to the AntFE Developer Community! Let's build a better developer ecosystem together! 🚀