Company Website: Server Side Rendering

A Server Side Pre-Rendered Company Website build using NextJs

Features

The application renders three pages for the following companies

1. Raw Engineering
2. Contentstack
3. Surfboard Ventures

• all pages are server side rendered
• app is fetching data from a JSON server hosted on Github here
• bootsrap is used to layout and design the pages and components
• app make use of sass and css
• nextjs app is hosted on Vercel

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

Getting Started

To Download this project and run locally

First, clone the repository into your local machine:

git clone https://github.com/altafshaikh/nextjs-company-pages-ssr-app.git

Secondly, install all the dependencies

npm i

then, run the development server:

npm run dev
# or
yarn dev

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

To See All Statically Pre-Render Pages on Server

• Download the Project as mentioned in Getting Started Section
• once all dependencies are installed, run below command to create a build

npm run build

• navigate to .nextjs > server > pages > companies folder to see Raw Enginnering, Contentstack and Surfboard pages
• navigate to .nextjs > server > pages folder to see index page (Landing Page)

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Resources

• NextJs official tutorial
• bootstap docs

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 Demo of this Project

Live Working link

Check out our Next.js deployment documentation for more details.

Author

• Altaf Shaikh - work by - altafshaikh

License

This project is licensed under the MIT License - see the LICENSE.md file for details