The Physioshark Project is a research initiative dedicated to understanding and protecting shark populations through cutting-edge physiological and ecological research. This repository contains the source code for our official website.
The Physioshark Project, led by Dr. Jodie Rummer, combines ecology, evolution, and physiology to address critical issues in shark conservation. Our research focuses on:
- Understanding how sharks maintain performance during stress
- Studying the effects of climate change on shark populations
- Investigating shark nursery grounds and habitat use
- Developing conservation strategies based on physiological research
- Modern, responsive design built with Next.js 15 and React 19
- Server-side rendering for optimal performance
- Interactive team member profiles
- Research project showcases
- Supporter organization highlights
- Mobile-first approach with Tailwind CSS
- Framework: Next.js 15 (App Router)
- Frontend: React 19, TypeScript
- Styling: Tailwind CSS
- UI Components: Custom components with modern design principles
- Images: Optimized with Next.js Image component
- Deployment: Vercel
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
physioshark-project/
├── app/ # Next.js app directory
│ ├── components/ # React components
│ ├── layout.tsx # Root layout
│ └── page.tsx # Home page
├── public/ # Static assets
│ └── images/ # Image assets
└── styles/ # Global styles
We welcome contributions to improve the website! Please feel free to submit issues and pull requests.
The Physioshark Project is supported by various organizations including:
- Save Our Seas Foundation
- L'Oréal-UNESCO For Women in Science
- Australian Research Council
- ARC Centre of Excellence for Coral Reef Studies
- And many more partners committed to marine research and conservation
This project is open-source and available under the MIT License.
To learn more about the Physioshark Project and our research:
- Visit our website: physioshark.org
- Follow Dr. Jodie Rummer: jodierummer.com
- Visit the Rummer Lab: rummerlab.com
The easiest way to deploy your Next.js app is to use the Vercel Platform.
Check out our Next.js deployment documentation for more details.