A Next.js-powered news aggregation platform for Elata Biosciences, focusing on neuroscience, mental health research, and computational psychiatry.
You may view the live platform at news.elata.bio.
This platform automatically aggregates and categorizes news from various sources into key areas:
- Research News
- Industry News
- Biohacking Mental Health
- Computational & Precision Psychiatry
- Hardware, Neuroimaging, BCIs
- DeSci, DAOs, Crypto
- Off Topic Curiosities
- Framework: Next.js 15
- Styling: Tailwind CSS
- Data Fetching: Server-side with ISR (Incremental Static Regeneration)
- Deployment: Vercel
- Install dependencies:
npm install
- Run the scraper in the sibling
scraper
directory to fetch the latest news data
cd ../scraper
npm run build
npm run start
- Run the server in the
scrapper
directory to serve the json dump for this page
npm run serve
- Run the Next.js development server, which will proxy the API requests to the scraper server:
npm run dev
Open http://localhost:3000 to view the platform.
web/
├── app/ # Next.js App Router pages
├── components/ # React components
├── lib/ # Utility functions and data fetching
├── public/ # Static assets
└── styles/ # Global styles and Tailwind config
- Static Generation: Pages are statically generated with hourly revalidation
- Category Filtering: News items can be filtered by category
- SEO Optimization: Includes metadata, JSON-LD, and OpenGraph tags
- Responsive Design: Mobile-first approach using Tailwind CSS
- Share Functionality: Articles can be shared via URL or social media
The project is configured for deployment on Vercel:
- Push to main branch
- Vercel automatically builds and deploys
- Static pages are generated at build time
- ISR handles data revalidation every hour
- Create a feature branch
- Make your changes
- Submit a pull request
Please ensure your PR:
- Follows the existing code style
- Includes appropriate tests
- Updates documentation as needed
Join our Discord community for support and discussions.