Supertype Collective is a community of analytics developers, data scientists and engineering leaders building products across the full stack. It a highly curated place, with close collaboration between members looking to join forces on building high-impact analytics products.
We welcome members from all backgrounds, anywhere in the world, who wish to contribute to the Collective's vision of building an inclusive, collaborative, and healthy community of full stack analytics developers.
Read the Wiki page for more details on:
- Building your Developer Profile
- Special instructions for Supertype Fellowship members
- Improving Collective platform as a code contributor
Supertype Collective is built with Next.js and Tailwind CSS. You should be able to get started by cloning the repo and running yarn install (preferred) or npm install. This installs all the dependencies and you should be able to run the development server with yarn dev (preferred) or npm run dev. Proceed to the Wiki page for instructions on creating your Developer Profile.
Once a profile has been created, it will be accessible at https://collective.supertype.ai/p/<your-name>. Supertype Collective is tested on the latest version of Chrome, Firefox and Brave browsers.
Out of the box, your Developer Profile will:
- 📱 Looks great on every device, from mobile to the largest piece of desktop hardware you can find
- 📊 Show the tech stack you use, affiliations, and other relevant information collected from GitHub or from the
data/profiles/<your-name>.jsonfile - âš¡ Blazing fast, with a 100 score on Performance, Accessibility, Best Practices and SEO on Google Lighthouse (now Google PageSpeed Insights) for both mobile and desktop
- 🔗 API-driven, connect to your GitHub and WordPress accounts to automatically populate your profile with relevant information (more integrations to be supported soon)
- 📄 Export Developer Profile to PDF directly
- 📦 Infinitely customizable! Using React's famous composition pattern, you can easily author your Developer Profile using the pre-made blocks provided in the
blocksdirectory, but still have the flexibility to build your own blocks
Supertype Collective comes with a set of React components that can be used to build your profile. We call them "blocks". They are built with Tailwind CSS and are available in the blocks directory.
Below is a semi-complete example. You can see the output of these blocks on Supertype's co-founder Samuel Chan's Developer Profile using these pre-made blocks:
import me from '@/data/profiles/<your-name>.json'
export async function getStaticProps() {
...
return {
props: {
data: me
},
}
}
const MyStack = () => {
return (
<Stack>
<StackSection sectionName="AI & Data">
<IconRow tags={['pytorch', 'r', 'sql']} />
<IconRow tags={['numpy', 'pandas', 'sklearn']} />
</StackSection>
...
</Stack>
)
}
const Profile = ({ data }) => {
return (
<Mainframe data={data}>
<Toprow />
<Body stack={<MyStack />} affiliations={<Affiliations />} />
</Mainframe>
)
}Once you're done editing your Developer Profile (data/profiles/<your-name>.json and pages/p/<your-name>.json), run yarn build to generate a production build and confirm that there are no warnings. You can now push it to GitHub and open a pull request to merge your changes into the main branch, where it will be deployed onto the Collective platform, waiting for you to share with the world!
Perfect score on Performance, Accessibility, Best Practices and SEO on Google Lighthouse (now Google PageSpeed Insights) for both mobile and desktop
Supertype Incubator is the in-house product factory of Supertype, a full cycle data science consultancy. It is the birthplace for several of Supertype products, including Supertype Collective, and is a place where our members can experiment on new ideas with total freedom, world class engineering support, absolute creativity and autonomy.