Club Website 2019
This project is outdated and is no longer actively maintained. Archived for reference. Website of FOSS@Amrita, Powered by JAMStack
Overview
The amFOSS website is a website for FOSS@Amrita, powered by Next.js. It serves as a platform for the amFOSS community, providing information and resources related to open source software development.
Features
- Powered by Next.js: Utilizes Next.js for a robust and efficient web development experience.
- Travis CI Integration: Seamless integration with Travis CI for continuous integration and deployment.
- CIMIT Contributors: Showcases contributors from the CIMIT project.
- Pipeline Status: Displays the status of the pipeline for easy monitoring.
- Surge Deployment: Easy deployment using Surge for sharing the website quickly.
Summary
The amFOSS website is a feature-rich platform for the FOSS@Amrita community, offering a seamless user experience with Next.js integration, Travis CI support, CIMIT contributors display, and easy deployment using Surge. The installation process is straightforward, making it accessible for users to set up and run the website locally.
- Gatsby
GatsbyJS is a free and open-source static site generator based on React. It uses a modern development stack including Webpack, GraphQL, and modern JavaScript and CSS frameworks. It also provides a rich set of plugins, starters, and themes.
- Next.js
Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Graphql
A website that uses GraphQL as a query language to manage data fetching and state management. This includes features such as a strongly typed schema, client-side caching, and declarative data fetching to streamline data management and optimize website performance.
- Webpack
Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.
