The SC Rapperswil-Jona Lakers, a premier ice hockey club competing in the Swiss National League (top tier), required a modern and feature-rich website to enhance their digital presence. The project was carried out by leveraging the expertise of Drupal for backend development and NextJS for the frontend. The site serves as a central hub for various stakeholders, including the first team, ladies' team, junior teams, and senior players, offering seamless access to information, updates, and interactive features.
About the project
The website integrates data from multiple sources, processes it efficiently, and redistributes it for various functionalities. A strong focus was placed on performance optimization and user experience, ensuring swift content delivery and intuitive navigation. The backend was designed to allow content editing with live previews, using customizable paragraphs tailored for specific use cases such as rankings and game statistics.
- Performance and Scalability: Optimized for high performance, handling large volumes of traffic and data.
- Advanced Content Management: Live preview for real-time content editing and custom paragraph types to manage diverse data formats.
- Bidirectional Social Media Integration: Features a social media wall and posting capabilities across platforms like Facebook, Instagram, YouTube, LinkedIn, and TikTok.
- Time-Specific Publishing: Allows scheduling at the element level for precise content control.
- Historical Data: Incorporates statistical data dating back to 2009.
- AI Integration: Tools for automatic corrections, SEO analysis, and optimization.
- CRM Integration: Webforms linked to the CRM for efficient address reconciliation.
- SEO and Analytics: Enhanced search engine optimization and tracking through Matomo.
- API Accessibility: Provides statistics through APIs for use in features like arena video cubes.
- Interactive Features:
- Game ticker with text, images, and videos.
- Highlight clips imported from the league.
- Gamification elements like best-player voting.
- Automated social media graphics with statistical overlays.
- Socket-based "no-reload" updates for real-time data changes.
Why Drupal was chosen
Drupal was selected for the SC Rapperswil-Jona Lakers website development due to its robust, flexible, and scalable content management capabilities, which aligned perfectly with the project’s requirements
- Scalability and Performance
- Flexibility in Content Management
- Multisite Support
- Advanced Integration Capabilities
- Security and Reliability
- Customizable and Open Source
- Future-Proof Platform
Technical Specifications
Drupal version:
Key modules/theme/distribution used:
- Gin Admin Theme
- Paragraph
- 2factor.app
- Timetable cron
- Address
- Admin Toolbar
- CKEditor Anchor Link
- Antibot
- Automated Logout
- Automatic Updates
- CKEditor Emoji
- Configuration Rewrite
- Configuration Split
- Consumers
- Crop API
- Ctools
- Date Popup
- Devel
- Devel Entity Updates
- DropzoneJS
- Easy Breadcrumb
- Entity Construction Kit (ECK)
- Editor Advanced link
- Entity API
- Entity Reference Revisions
- Entity Usage
- Exif
- External Auth
- Field Group
- Fieldable Path
- Focal Point
- Gin Login
- Gin Toolbar
- Honeypot
- Hook Post Action
- Image Effects
- ImageAPI Optimize
- Image Optimize Binaries
- ImageMagick
- JSON:API Menu Items
- JSON:API Resources
- JSON:API Search API
- JSON:API Views
- Key value field
- Layout Paragraphs
- Layout Paragraphs Limit
- Link target
- Linkit
- Mail Login
- Maillog / Mail Developer (obsolete)
- Media Bulk Upload
- Menu Trail By Path
- Node Revision Delete
- OpenID Connect / OAuth client
- Paragraphs Editor Enhancements
- Password Policy
- Page Templates
- Pathauto
- Prepopulate
- Quick Node Clone
- Redirect
- Redis
- Remove Unused Files
- Responsive Favicons
- RoleAssign
- Save & Edit
- Scheduler
- Search API Autocomplete
- Security Kit
- Security Review
- Shield
- Simple Media Bulk Upload
- Simple OAuth (OAuth2) & OpenID Connect
- Simple OAuth Password Grant
- Sophron
- Drupal Symfony Mailer Plus (DSM+)
- Token
- Token Filter
- Twig Tweak
- Two-factor Authentication (TFA)
- User protect
- Video Embed Field
- View Unpublished
- Views Argument Order Sort
- Views Custom Cache Tags
- Views Reference Field
- Webform
- WebP
- Drush
- Monolog
