Pages template

Setup

git clone https://github.com/xrehpicx/pages-notion-nextjs.git

Configure

1. Get rootNotionPageId from your notion page url
Your root notion page is your main page and will be mapped to your / url



From the link https://xrehpicx.notion.site/Pages-template-945f21e491264a8192d8ff63b28a45d8 your rootNotionPageId would be 945f21e491264a8192d8ff63b28a45d8

1. Changing Theme
The colors of the website can be changed by changing the theme.tsx file

export const defaultdarkpallete: PaletteOptions = {
  mode: 'dark',
  text: {
    primary: '#fff'
  },
  primary: {
    main: '#00FFCA'
  },
  secondary: {
    main: '#ff6060'
  },
  background: {
    paper: '#0e1118',
    default: '#06080c'
  }
}

Demos

Atria IEEE Student Branch

The IEEE - Bangalore Section was established in 1977 and is one of the vibrant Sections in India. Over the years the strength of the section has grown steadily. This membership is spread across various sectors and is a nice blend of Industry, Academia and Research organisations.

https://atria-ieee.vercel.app/

Pages template

Notion + Nextjs based boilerplate template with Material UI Theme Control To be able to use this as an template for multiple projects you can use another package called custom-templates and clone this repo into your templates folder. site.config.ts can be used to configure the notion page you want to render.

https://pages-notion-nextjs.vercel.app/

Pages | by raj

Designer & Developer

https://pages.raj.cool/

nrohan

I am interested in computer vision, achieved with deep learning. Currently focussing on GANs and their applications. I like to work on projects involving image manipulation/enhancement like inpainting, super-resolution, deepfakes, de-fencing, denoising, de-hazing, pose transfer, etc, and on image generation tasks like face image generation, and many more

https://nrohan.vercel.app/

Review | Atria.

The purpose of this review team is to be an outlet for students and teachers, where they can talk about things and topics they would normally not be open about to the college itself, because we all love to talk shit about our colleges anyway and its just fun to hear stories about them.

https://www.atriacollege.life/

References

MUI: The React component library you always wanted

MUI offers a comprehensive suite of UI tools to help you ship new features faster. Start with Material UI, our fully-loaded component library, or bring your own design system to our production-ready components. Get started npm install @mui/material @emotion/react @emotion/styled The world's best product teams trust MUI to deliver an unrivaled experience for both developers and users.

https://mui.com/