kamrankhan361k / vie-react-creative-portfolio-agency-template

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

<title>Vie - React Portfolio Template with NextJs</title>
Vie - React Portfolio Template with NextJs

Introduction

  • Template name: Vie - React Portfolio Template with NextJs
  • Created date: 15/12/2021

Template features

  • Build on React library
  • Build on Next JS
  • No jQuery Dependency
  • 10+ Hompages Variations
  • Using SCSS/SASS
  • Google font include
  • Fully responsive
  • W3C Validated Code
  • Clean Code
  • Speed Optimized
  • Cross Browser Support
  • Well Documented
  • No console error
  • Free Updates

Files Include

  • Main code
  • vie_react_docs

Install Node.Js & Yarn (or npm)

Your computer must have installed nodejs and yarn to run this template. You can download Node.js from here and install Yarn with this tutorial here . NPM comes bundled with Node.js

Nodejs

Install Npm Packages

You must have to install packages. You can do this by running yarn install from the root of your project to install all the necessary dependencies.

Install packages

Development server

Run npm run dev from the root of your project to start a dev server. Navigate to http://localhost:3000/. The app will automatically reload if you change any of the source files.

Development

Build

Run npm run build to build the project. The build artifacts will be stored in the .next/ directory.

Development

Deployment

Project can be deployed to any hosting provider that supports Node.js

We suggest some hosting you can consider to use:

Root folder structure

Root folder structure

Src folder structure

Src folder structure

Code structure

Layout structure
					</div>
					<div class="section-txt" id="thanks">
						<h3>Thank you for purchased Vie template</h3>
						<p>We truly appreciate and really hope that you'll enjoy our template!</p>
						<p>If you like our template, plase rate us 5 star !</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<footer>
	<div class="container">
		<div class="row">
			<div class="col-lg-12 center">
				Copyright by Vie_react © 2021. All rights reserved.
			</div>
		</div>
	</div>
</footer>
<script src="js/jquery.min.js"></script>
<script src="js/prettify.min.js"></script>
<script src="js/scripts.min.js"></script>

About


Languages

Language:JavaScript 57.1%Language:CSS 42.1%Language:HTML 0.7%Language:SCSS 0.2%