Company Website: Server Side Rendering

This is a Next.js project bootstrapped with create-next-app.

Features

• Every Page Server Side Rendered(NextJS-SSR)
• Individual Company pages for
  • Raw Engineering
  • ContentStack
  • Surfboard Ventures
• FontAwesome
• Prop Types validation with some components

Implementation

• BootStrap Implementation
  • Bootstrap Library(v5.0.0-beta-1) npm package
  • react-bootstrap for JSX Components

Downloading and Running on LocalHost

Clone the repository

$ git clone https://github.com/mistycal98/next-ssr.git

Downloading Dependencies

$ npm i
# or
$ yarn install

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

Folder Structure

.
├── components
│   ├── contentstack
│   │   ├── ContentStackBody.jsx
│   │   ├── ContentStackFooter.jsx
│   │   ├── contentStack.module.scss
│   │   └── ContentStackNavbar.jsx
│   ├── Contentstack.jsx
│   ├── Footer.jsx
│   ├── Layout.jsx
│   ├── Navigation.jsx
│   ├── raweng
│   │   ├── RawBody.jsx
│   │   ├── raweng.module.scss
│   │   ├── RawFooter.jsx
│   │   └── RawNavbar.jsx
│   ├── Raw.jsx
│   ├── surfboard
│   │   ├── SurfBoardBody.jsx
│   │   ├── SurfBoardFooter.jsx
│   │   ├── surfboard.module.scss
│   │   └── SurfBoardNavbar.jsx
│   └── Surfboard.jsx
├── fontawesome.js
├── next.config.js
├── package.json
├── pages
│   ├── api
│   │   └── hello.js
│   ├── _app.js
│   ├── companies
│   │   ├── contentstack.js
│   │   ├── raweng.js
│   │   └── surfboard.js
│   ├── index.js
│   └── test.js (test code file)
├── public
│   ├── 50001008.5332ba36.png
│   ├── favicon.ico
│   └── vercel.svg
├── README.md
└── styles
    ├── app.scss
    ├── bootstrap.scss
    └── variables.scss

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Live Hosted on Vercel